标签: google-maps-styling

我想知道是否可以用黑/白或棕褐色过滤器显示谷歌地图.可以用一些Canvas魔法来完成吗？还是覆盖？还是其他一些方法？

如何设置谷歌地图v3 InfoWindow的风格,以实现与maps.google.com相同的风格？

使用Google Map API v3并使用样式化地图类型时,我无法隐藏放大时显示的楼层平面图.有许多"MapTypeStyleFeatureType"选项,其中任何一个都无法隐藏平面图.

https://developers.google.com/maps/documentation/javascript/reference#MapTypeStyleFeatureType

API v3文档似乎没有包含有关平面图的任何内容.需要明确的是,这是平面图的一个例子:

http://maps.googleapis.com/maps/api/staticmap?center=51.496643,-0.172192&zoom=18&format=png&sensor=false&size=640x480&maptype=roadmap&style=feature:administrative|visibility:off

任何帮助或指示将不胜感激.

谢谢,乔恩.

我正在使用Goolge Maps iOS SDK 2.1.1.我手动必须集成框架,因为我们使用的是Carthage,Google Maps iOS SDK仅支持Cocoapods.

我使用Google地图样式向导创建了一个自定义样式,并按照文档中的说明加载它.

当我放大一些地图图块时,在某些缩放级别上获得一种奇怪的绿色透明颜色(见图片).在左侧屏幕截图中很难看到,因此我在右侧屏幕截图上标记了绿色区域.

有没有人遇到过同样的问题？可能是什么原因造成的？

编辑: 我创建了一个示例项目.您必须在AppDelegate中设置Google Maps API密钥.

我正在使用官方的Styled Maps Wizard制作自定义Google地图.

但是,似乎无法更改标签的字体系列(即Arial).

有谁知道这是否可以在Google地图中使用？

是否可以在为样式化地图显示的图标和/或标签上添加click事件的侦听器？我有一个允许进入兴趣点的表格.由于poi样式显示许多潜在候选人的图标和/或标签,并且点击一个打开带有地址信息等的信息窗口,我想将此地址信息捕获到我的表单上的字段,如果用户点击一个.

我已经从snazzymaps.com下载了一个示例样式的地图.我尝试转换为http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15&​​center=Chicago这样的网址,但我做得不好.我正试图改变下一个例子:

示例Google Map样式静态

JSON看起来像这样:

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":"#ffffff"},{"gamma":0}]},

{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},

{"featureType":"road.arterial","elementType":"geometry","stylers":[{"lightness":20}]},

{"featureType":"road.highway","elementType":"geometry","stylers":[{"lightness":50},{"saturation":0},{"hue":"#ffffff"}]},

{"featureType":"administrative.province","stylers":[{"visibility":"on"},{"lightness":-50}]},

{"featureType":"administrative.province","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},

{"featureType":"administrative.province","elementType":"labels.text","stylers":[{"lightness":20}]}

我改变了下一个,但它不起作用,我做错了!! :S

http://maps.googleapis.com/maps/api/staticmap?sensor=false&size=512x512&zoom=15&center=Chicago&format=png&style=feature:poi%7Cvisibility:off%7Csaturation:-70%7Clightness:37%7Cgamma:1.15%7Celement:labels%7Cgamma:0.26%7Cvisibility:off&style=road%7Clightness:0%7Csaturation:0%7Chue:#ffffff%7Cgamma:0&style=road%7Celement:labels.text.stroke%7Cvisibility:off&style=road.arterial%7Celement:geometry%7Clightness:20&style=road.highway%7Celement:geometry%7Clightness:50%7Csaturation:0%7Chue:#ffffff&style=administrative.province%7Cvisibility:on%7Clightness:-50&style=administrative.province%7Celement:labels.text.stroke%7Cvisibility:off&style=administrative.province%7Celement:labels.text%7Clightness:20

如果有人可以给我一个建议,我将非常感激.

根据标题,我想从我的地图中删除IDL和赤道线.我使用以下代码:

<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://example.com/location3">Click here for more info</a></p>', 34.0500, -118.2500, 3],
['<p>Location 4<br/> <a href="http://example.com/location4">Click here for more info</a></p>', 32.7150, -117.1625, 4],
];

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 2,
center: new google.maps.LatLng(19.4328, -99.1333),
mapTypeControl: false,
scaleControl: false,
streetViewControl: false,
overviewMapControl: false
});

var infowindow = new google.maps.InfoWindow();

var …

这是一个很长的镜头,但我想知道Google Maps API v3中是否有任何设置允许我设置我的自定义"draggableCursor"的位置,光标的提示/结尾(缺少更好的词)应该是.默认设置似乎是图像的左上角是光标点,但我希望它是左下角.

到目前为止,这是我的代码:

map.setOptions({ draggableCursor: 'url(images/markers/you_marker.cur), default' });