html 更改Google地图标记图标
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 更改Google地图标记图标相关的知识,希望对你有一定的参考价值。
http://stackoverflow.com/questions/11064081/javascript-change-google-map-marker-color
https://medium.com/@barvysta/google-marker-api-lets-play-level-0-custom-marker-icon-8ce7efed9a38
More colors:
http://maps.google.com/mapfiles/ms/icons/green-dot.png
http://maps.google.com/mapfiles/ms/icons/yellow-dot.png
http://maps.google.com/mapfiles/ms/icons/pink-dot.png
<script>
// create the markers for the two locations
var marker1 = new google.maps.Marker({
map: map,
position: location1,
title: "Start location",
icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png'
});
var marker2 = new google.maps.Marker({
map: map,
position: location2,
title: "End location",
icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png'
});
</script>
以上是关于html 更改Google地图标记图标的主要内容,如果未能解决你的问题,请参考以下文章
如何更改谷歌地图标记上的图标
如何将自定义标记图标添加到 Google 地图?
更改 Google 地图 V3 中的标记大小
Google Maps API v3:如何动态更改标记图标?
当用户单击某些链接时更改谷歌地图标记图标
调整 Google 地图标记图标图像的大小