google-maps-api-3

问题 Here I have a code: <script> $(function() { $( "#photo" ).resizable(); $( "#photo" ).draggable({revert: 'invalid'}); $( "#left" ).droppable({ accept: '#photo', drop: function( event, ui ) { $( this ) .find( "p" ) .html( "Dropped!" ); } }); }); </script> and this code I must run after full loading google maps, so I need to "hook up" tilesloaded event for this code. http://jsbin.com/ayugun/7/edit But how to do that? 回答1: Here is the code google.maps.event.addListener(map, 'tilesloaded',

问题 I'm trying to work out how Google adds images and styling to their tooltips that appear over markers in google maps. An example of the desired behaviour can be seen here: http://maps.google.es/maps?oe=utf-8&q=hotels+in+sydney If you mouseover one of the hotel markers, you will see different styles (bold text, normal text), paragraphs or line breaks, and images for the star-rating of the hotel. As far as I can see from the docs, these tooltips are created by giving each marker a 'title'

问题 I have a google map application which i wish to deploy and while budgeting,i came across this page that outlines google maps premium features https://developers.google.com/maps/pricing-and-plans/ and what the limits of the free tier consist. Since my app is a single page app,there wont be lots of pages with google maps,so loading many pages with embedded maps wont be the thing that gets me over free tier daily limit caps. I do not have reverse geocoding with server with google. My app is a

问题 I have a big problem for mobile users: i have a google maps that has width: 100% and so when the user scroll the window if touch the screen "inside" the map, the scroll it will be only for map and not for all window... (yesterday my father for 3 minutes scrolled inside the map XD) To scroll the window is possible touch the border of screen, but is very very scrict and not all users understand this. I dont'want a map with a width less of 100% so i must found other solution... This is it will

问题 Is there any way to get more than 10 photos back in the photos array? I'm using the JavaScript API v3. Perhaps a separate service to get more photos? https://developers.google.com/maps/documentation/javascript/places#place_details_responses 回答1: No. As per the documentation, the API returns a maximum of 10 photos. Link 回答2: Take a look at this: photos[] — an array of photo objects, each containing a reference to an image. A Place Search will return at most one photo object. Performing a Place

问题 I'm using Google Maps to highlight a bunch of countries using Fusion Tables to grab the geometry. You can see an example of this here: http://jsfiddle.net/4mtyu/689/ var layer = new google.maps.FusionTablesLayer({ query: { select: locationColumn, from: tableId, where: "ISO_2DIGIT IN ('AF','AL','DZ','AD','AO','AG','AR','AM','AU','AT','AZ','BS','BH','BD','BB','BY','BE','BZ','BJ','BT','BO','BA','BW','BR','BN','BG','BF','BI','KH','CM','CA','CV','CF','TD','CL','CN','CO','KM','CG','CD','CR','HR',

问题 I have added below code for JavaScript street view . var geocoder = new google.maps.Geocoder(); var address = "2 Simei Street 3, Singapore, Singapore 529889"; geocoder.geocode({'address': address}, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var latitude = results[0].geometry.location.lat(); var longitude = results[0].geometry.location.lng(); console.log(latitude + " " + longitude); var panorama = new google.maps.StreetViewPanorama( document.getElementById(

问题 In Google Maps v3, I can't seem to get my infoWindow to a width smaller than 200px. Here is the code I'm using: var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 15, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var myMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var gmarker = new google.maps.Marker({position: latLng,title:'Example'} ); var infoWindow = new google.maps.InfoWindow(); infoWindow.setOptions({maxWidth: 110}

问题 I am using the Google Maps iOS SDK to draw a list of polylines. The polylines come from a server, and for each next polyline, the starting point corresponds with the end point of the previous polyline. I notice that Google Maps changes the level of detail of the polylines at different zoom levels, probably an optimisation thing. This results in small gaps between the several polylines at lower zoom levels. The reasons behind splitting a polyline up in several smaller lines are not up to me,

问题 I researched the topic as much as I could but didn't find a solution. In all browsers except Internet Explorer (versions 8 or 9), the script below will work for loading Google maps. In IE8 and IE9 , however, the Google maps API (v3) does not seem to load. I have looked to find specific errors in the console, but found nothing. Html <style type="text/css"> #map_canvas { height: 292; width:980 } .contactus-Captcha { clear:both; } </style> <div id="map_canvas"></div> Javascript function