google-maps-styled

How to remove the international date line (IDL) and equator from Google Maps API v3?

家住魔仙堡 提交于 2021-02-05 07:32:26
问题 As per the title, I would like to remove the IDL and equator line from my map. I am using the following code: <script src="https://maps.googleapis.com/maps/api/js?key=KEY&sensor=false"></script> <script> var locations = [ ['<p>Location 1<br/> <a href="http://example.com/location1">Click here for more info</a></p>', 64.8436, -147.7231, 1], ['<p>Location 2<br/> <a href="http://example.com/location2">Click here for more info</a></p>', 33.4500, -112.0667, 2], ['<p>Location 3<br/> <a href="http:/

Google Maps API v3 draggableCursor options such as position

生来就可爱ヽ(ⅴ<●) 提交于 2020-01-16 05:01:04
问题 This is a long shot, but I was wondering if there were any settings in Google Maps API v3 that would allow me to set where on my custom "draggableCursor" the tip/end (for lack of a better word) of the cursor should be. The default settings seem to be that the top left hand corner of the image is the cursor point, but I want it to be the bottom left hand side. Here is my code so far: map.setOptions({ draggableCursor: 'url(images/markers/you_marker.cur), default' }); 回答1: The hotspot for a

Toggle kml-Layer on styled map only works once

社会主义新天地 提交于 2020-01-05 05:55:10
问题 I'd like to have checkboxes to turn kml-Layers on and off. I tried to do that with a styled map in the google maps api v3. The Layers really do appear and I can toggle them off. But the button only works once. This (http://jsbin.com/irahef/186/edit) helped me a lot. Here they also use a styled google map: http://www.strahlen.org/map/map.htm I'm sure it's just a small mistake but I don't get it working. Does somebody has a clue? The Javascript looks like this: <html> <head> <script type="text

Google maps api styled map with satellite water

我怕爱的太早我们不能终老 提交于 2019-12-11 01:06:53
问题 I am using google maps API V3 to create a styled map where I am using custom colors. I am wondering if it is possible to use the satellite image of the water while using a custom style on the land. I.e. I'd like the water to be the satellite image while the land will be a custom solid color. Right now I can give the land and the water a custom color, but I'm wondering if I can assign the water styling somehow to come from the satellite imagery. I don't think this is possible from digging

Prevent google overlay/infowindow from allowing clicks through to markers underneath

让人想犯罪 __ 提交于 2019-12-10 10:58:24
问题 I'm trying to make some custom Google maps info windows, but I'm getting the issue where markers underneath my custom info window is clickable through the info window. Here's an example (basically straight from googles example here) <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Google Maps JavaScript API v3 Example: Info Window Custom</title> <script type="text/javascript" src=

Someone knows how to convert GMap Static JSON to a HTML url?

谁都会走 提交于 2019-12-09 18:58:25
问题 I have downloaded an example styled map from snazzymaps.com. I try to transform to an url like http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15&center=Chicago but I'm not doing it well. I'm trying to transform the next example: Example Google Map Styled Static The JSON looks like that: styles: [ {"featureType":"poi","stylers":[{"visibility":"off"}]},{"stylers":[{"saturation":-70},{"lightness":37},{"gamma":1.15}]},{"elementType":"labels","stylers":[{"gamma":0.26}

Someone knows how to convert GMap Static JSON to a HTML url?

怎甘沉沦 提交于 2019-12-04 13:46:32
I have downloaded an example styled map from snazzymaps.com . I try to transform to an url like http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15&center=Chicago but I'm not doing it well. I'm trying to transform the next example: Example Google Map Styled Static The JSON looks like that: styles: [ {"featureType":"poi","stylers":[{"visibility":"off"}]},{"stylers":[{"saturation":-70},{"lightness":37},{"gamma":1.15}]},{"elementType":"labels","stylers":[{"gamma":0.26},{"visibility":"off"}]}, {"featureType":"road","stylers":[{"lightness":0},{"saturation":0},{"hue":"

Google Maps API - different map style for polygon

回眸只為那壹抹淺笑 提交于 2019-12-02 07:49:30
问题 I want to achieve the effect similar to what is presented here: inside Android google map. The polygon should have a different map style (json file) than the rest of the map. Is there a way of doing that? I would even accept having two different maps (one under the other) and cutting the polygon out of the top map. Would that be possible? 回答1: That effect is possible with Polygon.setHoles() or PolygonOptions.addHole() methods. You should create gray transparent polygon for all map (from -90

Setting Boundaries around city in google maps

瘦欲@ 提交于 2019-11-29 23:37:13
问题 I'm looking for a way to set boundaries around a specific city/town within the Google maps API V3 using JavaScript Is this type of thing even supported within the API? Basically i don't want my users to be able to pan across the map further then the city, including country area's not just city limits. 回答1: well the boundry that you want to provide to the city/ town can be done. you just need to draw the polylines or polygons specifying the co ordinates of the boundries of the city. visit

click event listener on styled map icons and labels

南笙酒味 提交于 2019-11-27 04:43:29
Is it possible to add a listener for the click event on the icons and/or labels that appear for styled maps? I have a form that allows entry of Points of Interest. Since the poi styling shows icons and/or labels for many potential candidates, and clicking on one opens an infowindow with address info, etc, I would like to capture this address info to the fields on my form if the user clicks on one. There is no API-based access to the POI's . But there is a possible workaround. When you click on a POI an InfoWindow opens. It's possible to modify the InfoWindow-prototype to be able to access the