none
Firefox v. 27 Scrolls Document When Map is Resized Using Mouse Wheel

    Question

  • This appears to be a reappearance of an early problem with Firefox 3.5 (question asked and answered in 2009 at http://rbrundritt.wordpress.com/2009/08/26/fix-bing-maps-mouse-wheel-bug-in-firefox-3-5/).  My map application was working in much more recent versions of Firefox until recently.  Now (version 28, updated a few seconds ago), the problem has reemerged, that being . . . When the map is resized using the mouse wheel, the document also scrolls, albeit at a rate much reduced from that when scrolling the document outside of the map area.

    What is the best approach to fixing this problem?


    Jack

    Tuesday, March 18, 2014 8:06 PM

Answers

  • It was the mouse. I recently purchased and had been using a Microsoft Wireless Mouse 2000 (with keyboard). When I switched to my old wired dell mouse, the problem disappeared. So Firefox (but not the other major browsers) must do something funny on DOMMouseScroll (or whatever it is nowadays) that conflicts with the new wireless mouse.

    I used the following very pared down code and the problem persisted until I changed the mouse.  The problem does not happen now even with my whole project.

    <html>
    
    <head>
    
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Test Bing Map Installation</title>
    <script src="jquery-1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script>
    
    <style>
    	#MapSearchSection {
    		width: 382px;
    	}
    	
    	#MapArea {
    		height: 380px;
    		width: 380px;
    		border: 1px solid #000000;
    	}
    	
    	#MapElement {
    		;
    		height: 378px;
    		width: 378px;
    		margin: 1px;
    	}
    </style>
    
    <script type="text/javascript">
    	jQuery(document).ready(function()
    	{
    		// Establish and set key map parameters as variables
    		// Height and width options added for IE6 and Opera -- must be hardwired as shown and synced with CSS
    		
    		var BingMapsCredentialsKey = "Credentials Here";
    	
    		var DefaultMapCenterLatitude = 38.5;
    		var DefaultMapCenterLongitude = -97;
    		var DefaultZoomLevel = 3;
    		
    		// Get the map
    		
    		var BingMap = new Microsoft.Maps.Map($("#MapElement").get(0),
    		{
    			credentials: BingMapsCredentialsKey,
    			center: new Microsoft.Maps.Location(DefaultMapCenterLatitude, DefaultMapCenterLongitude),
    			mapTypeId: Microsoft.Maps.MapTypeId.road,
    			zoom: DefaultZoomLevel,
    			enableClickableLogo: true,
    			enableSearchLogo: true,
    			showDashboard: true,
    			showMapTypeSelector: false,
    			showScalebar: true,
    			height: 378, width: 378
    		});
    	}); // End document ready function
    </script>
    
    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0" type="text/javascript"></script>
    
    </head>
    
    <body>
    
    <div id="Page">
    
    	<div>
    		<p>Abbreviated Example of My Use of Bing Maps AJAX Control, v. 7</p>
    		<p>&nbsp;</p>
    		<p>Scroll of map area in Firefox also scrolls document when launched in Expression Web 4 using MS Expression Development Server</p>
    		<p>&nbsp;</p>
    		<p>&nbsp;</p>
    	</div>
    
    	<div id="MapSearchSection">
    
    		<div id="MapArea">
    
    			<div id="MapElement">
    			</div>
    
    		</div>
    
    	</div>
    
    	<div>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    	</div>
    
    </div>
    
    </body>
    
    </html>
    


    Jack


    • Marked as answer by Jack Herr Thursday, March 20, 2014 12:40 PM
    • Edited by Jack Herr Friday, March 21, 2014 7:14 PM removing Bing Maps key
    Thursday, March 20, 2014 11:59 AM
  • You can find a blog post on how to do Customer Ranked auto suggest with Bing Maps here : http://blogs.msdn.com/b/rbrundritt/archive/2014/03/31/how-to-create-a-customer-ranked-auto-suggest-with-bing-maps-and-azure-mobile-services.aspx

    http://rbrundritt.wordpress.com

    Monday, March 31, 2014 4:30 PM

All replies

  • I've gone through and done a bunch of testing and am unable to reproduce this with a mouse using the scroll wheel. Can you provide code that reproduces this? I'm using FireFox 28.0. FireFox does have a history of bugs related to the mouse scroll wheel but I don't see this causing any issues with Bing Maps in version 28. I did notice one issue if you try scrolling the page using a touch screen and have your finger over the map; both the map and page scroll.

    http://rbrundritt.wordpress.com

    Wednesday, March 19, 2014 10:23 AM
  • Thanks for looking at this.  I am including code showing abbreviated but fairly robust use of the Bing Maps AJAX Control, version 7, developed about one year ago.  The problem of the document scrolling when resizing with the mouse wheel persists in this pared down version.  I am using the following development environment:  Windows 8.1 Pro, Expression Web 4, and launching the site as shown here in Firefox v. 28 as accessed by Expression Web's Preview button and launched in MS Expression Development Server.  Please note that you will have to reference the jQuery js, UI js, and UI CSS appropriately to launch the code.

    Thank you for looking at the code.

    Jack Herr

    <!DOCTYPE html>
    
    <html>
    
    <head>
    
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Test Bing Map Installation</title>
    <script src="jquery-1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
    <link href="jquery-ui-1.10.2.custom/css/redmond/jquery-ui-1.10.2.custom.min.css" rel="stylesheet" type="text/css" />
    
    <style>
    	/****************************************************************************************************************
    	*	Basic CSS resets used for this test
    	****************************************************************************************************************/
    	* {
    		margin: 0px;
    		padding: 0px;
    		border: 0px;
    		font-size: 100%;
    		font: inherit;
    		vertical-align: baseline;
    	}
    	
    	/****************************************************************************************************************
    	*	Overall page settings used for this test
    	****************************************************************************************************************/
    	#Page {
    		background-color: #FFFFFF;
    		line-height: 1.2;
    		font-family: Calibri, Helvetica, Arial, sans-serif;
    		font-size: 12px;
    		color: #000000;
    	}
    	
    	/****************************************************************************************************************
    	*	Command button effects for the button used in this test
    	****************************************************************************************************************/
    	.ExecuteCommandButton {
    		background-color: #0066CC;
    		color: #FFFFFF;
    		text-align: center;
    	}
    	
    	.ExecuteCommandButton:hover {
    		background-color: #3399FF;
    		cursor: default;
    	}
    	
    	/****************************************************************************************************************
    	*	Map and map search section used in this test (includes styling of Bing Maps pushpin class for proper display)
    	****************************************************************************************************************/
    	#MapSearchSection {
    		width: 382px;
    	}
    	
    	#MapSearchElementsSet {
    		padding-bottom: 2px;
    	}
    	
    	#MapSearchBox {
    		float: left;
    		height: 16px;
    		width: 238px;
    		margin-top: 18px;
    		padding-left: 2px;
    		border: 1px solid #000000;
    		font-size: 12px;
    	}
    	
    	.MapSearchCommandButton {
    		float: left;
    		height: 18px;
    		width: 60px;
    		margin: 18px 0px 0px 10px;
    		font-size: 11px;
    	}
    	
    	#MapArea {
    		height: 380px;
    		width: 380px;
    		margin-bottom: 18px;
    		border: 1px solid #000000;
    	}
    	
    	#MapElement {
    		;
    		height: 378px;
    		width: 378px;
    		margin: 1px;
    	}
    	
    	.PushpinStyle div {
    		font-size: 8px !important;
    		color: #000000 !important;
    	}
    </style>
    
    <script type="text/javascript">
    	jQuery(document).ready(function()
    	{
    		
    		/************************************************************************************************************
    		*	jQuery based map functionality via native javascript Bing Maps Ajax Control -- abbreviated for this test
    		************************************************************************************************************/
    		
    		// Establish and set key map parameters as variables
    		// Height and width options added for IE6 and Opera -- must be hardwired as shown and synced with CSS
    		
    		var BingMapsCredentialsKey = "Credentials Here";
    		var BingMapsCredentialsKey = "BING_MAPS_KEY";
    		
    		var BingMapsRESTServicesCredentialsKey = BingMapsCredentialsKey;
    		
    		var DefaultMapCenterLatitude = 38.5;
    		var DefaultMapCenterLongitude = -97;
    		var DefaultZoomLevel = 3;
    		
    		var MinInfoBoxStructuralHeight = 40;
    		
    		var SearchMapAutocompleteDelay = 500;
    		var SearchMapAutocompleteMinCharacters = 3;
    		var SearchMapResultZoomLevel = 9;
    		
    		var ShowMapEntitiesOnZoomLevel = 7;
    		
    		// Get the map
    		
    		var BingMap = new Microsoft.Maps.Map($("#MapElement").get(0),
    		{
    			credentials: BingMapsCredentialsKey,
    			center: new Microsoft.Maps.Location(DefaultMapCenterLatitude, DefaultMapCenterLongitude),
    			mapTypeId: Microsoft.Maps.MapTypeId.road,
    			zoom: DefaultZoomLevel,
    			enableClickableLogo: true,
    			enableSearchLogo: true,
    			showDashboard: true,
    			showMapTypeSelector: false,
    			showScalebar: true,
    			height: 378, width: 378
    		});
    		
    		// Initialize pushpin collection
    		
    		BingMap.entities.clear();
    		
    		var SearchedLocationPushpinCollection = new Microsoft.Maps.EntityCollection();
    		BingMap.entities.push(SearchedLocationPushpinCollection);
    		
    		// Ajax autocomplete search box functionality for map locations
    		// Methodology and code model courtesy of Vivien Chevallier per the following web article:
    		// http://vivien-chevallier.com/Articles/use-bing-maps-rest-services-with-jquery-to-build-an-autocomplete-box-and-find-a-location-dynamically
    		
    		$("#MapSearchBox").autocomplete(
    		{
    			source: function(request, response)
    			{
    				$.ajax(
    				{
    					url: "http://dev.virtualearth.net/REST/v1/Locations",
    					dataType: "jsonp",
    					data:
    					{
    						key: BingMapsRESTServicesCredentialsKey,
    						query: request.term
    					},
    					jsonp: "jsonp",
    					success: function(data)
    					{
    						var result = data.resourceSets[0];
    						if (result)
    						{
    							if (result.estimatedTotal > 0)
    							{
    								response($.map(result.resources, function(item)
    								{
    									return {
    										data: item,
    										label: item.name + " (" + item.address.countryRegion + ")",
    										value: item.name
    									}
    								}));
    							}
    						}
    					}
    				});
    			},
    			autoFocus: true,
    			delay: SearchMapAutocompleteDelay,
    			minLength: SearchMapAutocompleteMinCharacters,
    			change: function(event, ui)
    			{
    				if (!ui.item)
    				{
    					// Place any non-default blur logic here
    				}
    			},
    			select: function(event, ui)
    			{
    				RegisterSelectedLocation(ui.item.data);
    			}
    		});
    		
    		// Style the autocomplete box using the HTML and class specifications of the jQuery UI
    		
    		$("ul.ui-autocomplete").css("font-family", $("#Page").css("font-family")).css("font-size", "12px").css("text-align", "left");
    		
    		// Prevent attempt to submit value as a form input
    		
    		$("#MapSearchForm").submit(function(e)
    		{
    			e.preventDefault();
    		});
    		
    		// Record results of concluded search corresponding to the selected autocomplete value
    		
    		function RegisterSelectedLocation(item)
    		{
    			$("#MapSearchBox").data("SearchedLocationFound", true);
    			$("#MapSearchBox").data("SearchedLocationName", item.name);
    			$("#MapSearchBox").data("SearchedLocationLatitude", item.point.coordinates[0]);
    			$("#MapSearchBox").data("SearchedLocationLongitude", item.point.coordinates[1]);
    		}
    		
    		// Create a pushpin for the selected location if the corresponding search button is clicked
    		
    		$("#MapSearchSubmit").click(function()
    		{
    			if (!($("#MapSearchBox").data("SearchedLocationFound")))
    			{
    				// Placeholder in this test for jQuery UI dialog box
    				return false;
    			}
    			
    			// Else continue with the map search submit actions
    			
    			// Center the map on the selected location
    			
    			var NewPushPinCandidateLocation = new Microsoft.Maps.Location($("#MapSearchBox").data("SearchedLocationLatitude"), $("#MapSearchBox").data("SearchedLocationLongitude"));
    			
    			BingMap.setView(
    			{
    				center: NewPushPinCandidateLocation,
    				zoom: SearchMapResultZoomLevel
    			});
    			
    			// Determine if a pushpin already exists for the location
    			
    			var CreatePushpin = true;
    			
    			for (var i = (SearchedLocationPushpinCollection.getLength() - 1); i >= 0; i--)
    			{
    				var ThisPushpin = SearchedLocationPushpinCollection.get(i);
    				if (Microsoft.Maps.Location.areEqual(ThisPushpin.getLocation(), NewPushPinCandidateLocation))
    				{
    					CreatePushpin = false;
    					break;
    				}
    			};
    			
    			// Create a pushpin for the location if one does not already exist
    			
    			if (CreatePushpin)
    			{
    				var SearchedLocationPushpin = new Microsoft.Maps.Pushpin(NewPushPinCandidateLocation, {visible: true, textOffset: new Microsoft.Maps.Point(0, 8), zIndex: 200});
    				SearchedLocationPushpinCollection.push(SearchedLocationPushpin);
    			}
    		});
    		
    	}); // End document ready function
    </script>
    
    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0" type="text/javascript"></script>
    
    </head>
    
    <body>
    
    <div id="Page">
    
    	<div>
    		<p>Abbreviated Example of My Use of Bing Maps AJAX Control, v. 7</p>
    		<p>&nbsp;</p>
    		<p>Scroll of map area in Firefox also scrolls document when launched in Expression Web 4 using MS Expression Development Server</p>
    		<p>&nbsp;</p>
    		<p>Search box is an autocomplete box using Bing REST location service -- enter three characters, wait for selections, select one, click button</p>
    		<p>&nbsp;</p>
    		<p>User is forced to select a selection from the autocomplete list -- various instructions on the site guide a more elegant feel to its use than presented here</p>
    		<p>&nbsp;</p>
    		<p>&nbsp;</p>
    	</div>
    
    	<div id="MapSearchSection">
    
    		<div id="MapSearchSectionCommands">
    			<form id="MapSearchForm" action="#" method="get">
    				<fieldset id="MapSearchElementsSet">
    					<input id="MapSearchBox" class="SearchBox" name="MapSearchBox" type="text" value="" />
    					<button id="MapSearchSubmit" class="SearchSubmitButton MapSearchCommandButton ExecuteCommandButton" name="MapSearchSubmit" type="button">Sync Map</button>
    				</fieldset>
    			</form>
    		</div>
    
    		<div id="MapArea">
    
    			<div id="MapElement">
    			</div>
    
    		</div>
    
    	</div>
    
    	<div>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    	</div>
    
    </div>
    
    </body>
    
    </html>


    Jack



    Wednesday, March 19, 2014 10:20 PM
  • I just noticed that the code editor refused to paste ";" in the CSS for the #MapElement.  It just pasted the semicolon.  Don't know why, but that should be there per (as I recall) original specs or suggestions in the Bing Maps app website.

    Jack


    Jack

    Thursday, March 20, 2014 1:34 AM
  • The thing missing in the CSS for the #MapElement, which this editor screened even from my last note above, is the specification that position of the element be relative.  Let's see if the words position and relative are screened from this note as well!!


    Jack

    Thursday, March 20, 2014 1:36 AM
  • Ya, the forums strips out position values for some reason. I picked up on that line of code. I've tested your code sample out and it works great with a mouse wheel. Mind you I removed the Jquery UI references as I don't have links to the custom versions you are using.

    Also, you should avoid using the auto complete method you are using. That blog post you are referencing has a history of causing a lot of issues for customers as it generates a lot of transactions for each user. This means that if you are using the free terms of use you will likely be rate limited and the auto complete won't work well, if at all. If you have an enterprise license you will end up generating about 4 to 5 times the number of billable transactions that your app should generate. this results in much higher costs.


    http://rbrundritt.wordpress.com

    Thursday, March 20, 2014 10:37 AM
  • I tested the code sample in two different ways. One was to create an html file and just open it in the browser. Then I tried scrolling using the mouse wheel on the map then on the rest of the page and then on the map again to see if there was any unusual things happening. I then created a visual studio project and launched the html page in there to see if there was a difference.

    Try commenting out the Jquery UI references to see if that makes a difference to this issue.


    http://rbrundritt.wordpress.com


    Thursday, March 20, 2014 10:42 AM
  • I just tried deploying to a server and testing it online. It also works fine there for me. I'm testing using Firefox 28 on a Windows 8.1 Pro machine.

    http://rbrundritt.wordpress.com

    Thursday, March 20, 2014 10:45 AM
  • It was the mouse. I recently purchased and had been using a Microsoft Wireless Mouse 2000 (with keyboard). When I switched to my old wired dell mouse, the problem disappeared. So Firefox (but not the other major browsers) must do something funny on DOMMouseScroll (or whatever it is nowadays) that conflicts with the new wireless mouse.

    I used the following very pared down code and the problem persisted until I changed the mouse.  The problem does not happen now even with my whole project.

    <html>
    
    <head>
    
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Test Bing Map Installation</title>
    <script src="jquery-1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script>
    
    <style>
    	#MapSearchSection {
    		width: 382px;
    	}
    	
    	#MapArea {
    		height: 380px;
    		width: 380px;
    		border: 1px solid #000000;
    	}
    	
    	#MapElement {
    		;
    		height: 378px;
    		width: 378px;
    		margin: 1px;
    	}
    </style>
    
    <script type="text/javascript">
    	jQuery(document).ready(function()
    	{
    		// Establish and set key map parameters as variables
    		// Height and width options added for IE6 and Opera -- must be hardwired as shown and synced with CSS
    		
    		var BingMapsCredentialsKey = "Credentials Here";
    	
    		var DefaultMapCenterLatitude = 38.5;
    		var DefaultMapCenterLongitude = -97;
    		var DefaultZoomLevel = 3;
    		
    		// Get the map
    		
    		var BingMap = new Microsoft.Maps.Map($("#MapElement").get(0),
    		{
    			credentials: BingMapsCredentialsKey,
    			center: new Microsoft.Maps.Location(DefaultMapCenterLatitude, DefaultMapCenterLongitude),
    			mapTypeId: Microsoft.Maps.MapTypeId.road,
    			zoom: DefaultZoomLevel,
    			enableClickableLogo: true,
    			enableSearchLogo: true,
    			showDashboard: true,
    			showMapTypeSelector: false,
    			showScalebar: true,
    			height: 378, width: 378
    		});
    	}); // End document ready function
    </script>
    
    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0" type="text/javascript"></script>
    
    </head>
    
    <body>
    
    <div id="Page">
    
    	<div>
    		<p>Abbreviated Example of My Use of Bing Maps AJAX Control, v. 7</p>
    		<p>&nbsp;</p>
    		<p>Scroll of map area in Firefox also scrolls document when launched in Expression Web 4 using MS Expression Development Server</p>
    		<p>&nbsp;</p>
    		<p>&nbsp;</p>
    	</div>
    
    	<div id="MapSearchSection">
    
    		<div id="MapArea">
    
    			<div id="MapElement">
    			</div>
    
    		</div>
    
    	</div>
    
    	<div>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    		<p>Line added to create enough height so the document is scrollable.</p>
    	</div>
    
    </div>
    
    </body>
    
    </html>
    


    Jack


    • Marked as answer by Jack Herr Thursday, March 20, 2014 12:40 PM
    • Edited by Jack Herr Friday, March 21, 2014 7:14 PM removing Bing Maps key
    Thursday, March 20, 2014 11:59 AM
  • Thanks as well for the tip about autocomplete.  I would greatly appreciate your giving me a reference to the best way to do autocomplete with Bing Maps.  When I did this code, about a year ago, it appeared to me that Bing Maps was simpler than Google Maps to implement.  I could never, though, easily find a solid reference to doing autocomplete using the Bing Maps services.

    Best, and thanks for looking at this.


    Jack

    Thursday, March 20, 2014 12:03 PM
  • Try launching Firefox 28.0, then simply going to bing maps (http://www.bing.com/maps/), reducing the window size to small area of screen, so that it scrolls, and then using the scroll wheel in the map area.

    Using the MS Wireless Mouse 2000, the mouse scrolls the document as well as the map!  Dell wired mouse OK.

    Mouse technology?  Firefox?  Don't know, but it is definitely bigger than my little problem!!

    Thanks, and I look forward to a good autocomplete reference.

    Jack Herr


    Jack

    Thursday, March 20, 2014 2:31 PM
  • Final note, and then I'll stop bugging you about this:

    I tested this problem on two machines (HP Pavilion's, different models), both with the same model but physically different wireless mice (MS Wireless Mouse 2000), using the method in previous note (bing.com).  Problem occurs identically on both.  Solved with wired mouse on both.  Both run Windows 8.1 Pro.

    So the issues, as I see it are:  is it a generic wireless mouse problem (or a subset of wireless mice) in Firefox, or is it a problem specific to the MS 2000, and, in either case, is it Firefox or the hardware?  Or the operating system?

    Jack Herr


    Jack

    Thursday, March 20, 2014 2:46 PM
  • One final test:

    I tried bing.com method above in Firefox on an HP Pavilion laptop with Windows 8.1 Pro and a MS Bluetooth Notebook Mouse 5000, and it worked fine.  So not all wireless mice.


    Jack

    Thursday, March 20, 2014 3:03 PM
  • You can find a blog post on how to do Customer Ranked auto suggest with Bing Maps here : http://blogs.msdn.com/b/rbrundritt/archive/2014/03/31/how-to-create-a-customer-ranked-auto-suggest-with-bing-maps-and-azure-mobile-services.aspx

    http://rbrundritt.wordpress.com

    Monday, March 31, 2014 4:30 PM