google-maps

问题 I am looking for a better solution. I am trying to fill the middle of the browser screen with a Google Map. (between menu and footer) On IE the below code works fine. Sometimes it works for Chrome but almost always only shows the map in 25% of the map_canvas on Firefox. Now after the page renders the entire map_canvas div is grey and fills the area so the 100% works in all browsers. If I resize the browser the map fills the whole area so on resize event it works in all browsers. The problem

问题 Google map API v.3 is used. Attached with markerclusterer.js I would like to make a map that show the cluster of markers. (Done!) When I click on the marker, an infowindow would be shown. (Done!) A sidebar is made next to the map. When click on it, an infowindow would be shown for relevant marker. (Failed, why?) Please help me take a look at the code of javascript and html. var hk_markers = [ { 'id':1, 'name':'Sanrio Puroland(サンリオピューロランド)', 'location':'Tokyo, Japan', 'lat':35.62464, 'lng':139

问题 Google map API v.3 is used. Attached with markerclusterer.js I would like to make a map that show the cluster of markers. (Done!) When I click on the marker, an infowindow would be shown. (Done!) A sidebar is made next to the map. When click on it, an infowindow would be shown for relevant marker. (Failed, why?) Please help me take a look at the code of javascript and html. var hk_markers = [ { 'id':1, 'name':'Sanrio Puroland(サンリオピューロランド)', 'location':'Tokyo, Japan', 'lat':35.62464, 'lng':139

问题 This question already has answers here : Using initMap and initAutocomplete on same html page google maps (2 answers) Closed 4 years ago . I have two google maps containers on my page. the first - id="map" is just a normal "display map" the second - id="map2" is a search map where the user types in the input and the map refreshes to where the user typed. these maps use the same api key but their callbacks differ. if I add both of the following get and error in console saying duplicate api

问题 I am trying to colour some building on Google Maps like this: I am able to overlay a polygon object on top of the building but Im not able to apply a label on top of it (Building's ID). How can overlay text on buildings like it's shown in the image above with Android? 回答1: I know this question is a bit old, but I just figured out how to do this for my own project and thought I'd share. The method is to create a bitmap image of your text, and then display it as a GroundOverlay on your polygon

问题 I am trying to colour some building on Google Maps like this: I am able to overlay a polygon object on top of the building but Im not able to apply a label on top of it (Building's ID). How can overlay text on buildings like it's shown in the image above with Android? 回答1: I know this question is a bit old, but I just figured out how to do this for my own project and thought I'd share. The method is to create a bitmap image of your text, and then display it as a GroundOverlay on your polygon

问题 I am getting the NotLoadingAPIFromGoogleMapsError error for some users even if the correct URL is being used: (pug syntax): script(type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places') It seems to be resulting from the Authentication API call generated from the script. Anyone else have this issue? How did you solve it? 回答1: Hopefully others will find this useful - I received an answer from Google as follows: The API session token expires if someone

问题 This forEach works just fine var newMarkers = new List<Marker>(); providers.forEach((p) { var marker = markerFrom(p); newMarkers.add(marker); print("got one"); }); _markers = newMarkers; but this map doesn't ever get called when placed in the exact same place as the forEach : _markers = providers.map((p) => markerFrom(p)); Additionally, this is the markerFrom method: Marker markerFrom(FoodProvider provider) { var marker = new Marker(new MarkerOptions() ..map = _map ..position = new LatLng

问题 What is the simplest way to calculate a new latitude point by going SOUTH x number of meters from a given latitude? For example, the Eiffel Tower is at 48.8582 latitude and 2.2940 longitude . I have a circle around the Tower with a radius of 171 meters. I want to position an InfoBox just beneath the circle. So here is my circle: var circle = new google.maps.Circle({ map: map, fillColor: 'red', fillOpacity: 0.2, strokeWeight: 1, center: new google.maps.LatLng(48.8582, 2.2940), radius: 171 });

问题 I'm using bellow widget,I want to change MyLocation button get to bottom position in my map view GoogleMap( onMapCreated: onMapCreated, options: GoogleMapOptions( myLocationEnabled :true, mapType: MapType.hybrid, cameraPosition: CameraPosition( target: LatLng(6.8814635,79.8876697), zoom: 15.0,), ), ), 回答1: I found the solution. I create FAB button to change My Location button GoogleMap( mapType: MapType.hybrid, initialCameraPosition: _kGooglePlex, onMapCreated: (GoogleMapController controller