google-maps-api-3

问题 Everything about Google map works fine in different desktop browsers even in smaller screen - initialise, markers, infobubbles etc are working perfectly. But on iPhone/iPad, the InfoBubble doesn't appear when the marker is clicked. After research on Stackoverflow and followed the various solutions: Google Map Infowindow not showing properly Google Maps API v3: InfoWindow not sizing correctly Why does Safari on the iPad not display my marker on an embedded Google Maps page? how can i bind

问题 I have the next problem to display a route from basic JSON. I do a this call on backend side: curl to https://maps.googleapis.com/maps/api/directions/json I send back the response json to frontend In frontend I try render the route just for visual, why I don't use the google v3 API to get routeResponse object is because I don't want duplicate the same config as backend use and translate to requestObejct in frontent I try to create the routeResponse json based on backend json from googleapi:

问题 I am doing a web dynamic project with a Google map in a body of my html/jsp page. I made a function which create a marker thanks to (lat,lng,map) and use a special image.png as icon in the parameters of the marker. In my map, I made two different styles (colors of map...) : "Day" and "Night". I want to know how can I change the icon of my marker when user click on Night to change the style. Indeed, the color of the marker is not good for this style of map... I tried to initialize a var image

问题 I am doing a web dynamic project with a Google map in a body of my html/jsp page. I made a function which create a marker thanks to (lat,lng,map) and use a special image.png as icon in the parameters of the marker. In my map, I made two different styles (colors of map...) : "Day" and "Night". I want to know how can I change the icon of my marker when user click on Night to change the style. Indeed, the color of the marker is not good for this style of map... I tried to initialize a var image

问题 I am doing a web dynamic project with a Google map in a body of my html/jsp page. I made a function which create a marker thanks to (lat,lng,map) and use a special image.png as icon in the parameters of the marker. In my map, I made two different styles (colors of map...) : "Day" and "Night". I want to know how can I change the icon of my marker when user click on Night to change the style. Indeed, the color of the marker is not good for this style of map... I tried to initialize a var image

问题 I understand how to initialise a map with custom styles like the following: var styles = [ { featureType: "water", stylers: [ { visibility: "on" }, { color: "#ffffff" } ] } ]; var mapOptions = { zoom: 13, maxZoom: 15, minZoom: 12, center: new google.maps.LatLng(50.924229,-1.396841), disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.ROADMAP styles: styles }; map = new google.maps.Map(document.getElementById('map'), mapOptions); But is it possible to change to another style once the map

问题 I understand how to initialise a map with custom styles like the following: var styles = [ { featureType: "water", stylers: [ { visibility: "on" }, { color: "#ffffff" } ] } ]; var mapOptions = { zoom: 13, maxZoom: 15, minZoom: 12, center: new google.maps.LatLng(50.924229,-1.396841), disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.ROADMAP styles: styles }; map = new google.maps.Map(document.getElementById('map'), mapOptions); But is it possible to change to another style once the map

问题 I wanted to integrate Google Maps with my Angular project. In the pilot version, I was just following this link https://angular-maps.com/guides/getting-started/ . Currently, I am stuck in error: node_modules/@agm/core/lib/directives/map.d.ts:232:43 - error TS2694: Namespace 'google.maps' has no exported member 'MouseEvent' 232 mapDblClick: EventEmitter<google.maps.MouseEvent>; I went to the file location and got this mapClick: EventEmitter<google.maps.MouseEvent | google.maps.IconMouseEvent>;

问题 I have a map with two markers on it. The initial view of the map only shows one marker, and I want to provide a link next to the map that will move the map to the 2nd marker when clicked. Here's a demo of what I want, using v2 of the API: http://arts.brighton.ac.uk/contact-university-of-brighton-faculty-of-arts (note the links below the map) Here's what I have so far: <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(50.823817, -0.135634); var

问题 I have a map with two markers on it. The initial view of the map only shows one marker, and I want to provide a link next to the map that will move the map to the 2nd marker when clicked. Here's a demo of what I want, using v2 of the API: http://arts.brighton.ac.uk/contact-university-of-brighton-faculty-of-arts (note the links below the map) Here's what I have so far: <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(50.823817, -0.135634); var