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 地图标记图标图像的大小