天地图WEB API 循环添加标注点，注册点击事件，标注增加属性

最新推荐文章于 2024-08-20 10:49:35 发布

yrlzmm

最新推荐文章于 2024-08-20 10:49:35 发布

阅读量6k

点赞数 5

分类专栏：天地图WEB API 文章标签：天地图地图 web api 地图api js

本文链接：https://blog.csdn.net/yrlzmm/article/details/42643287

版权

很多使用天地图WEB API的朋友都会问为什么循环添加的标注点，注册点击事件总是响应最后添加的marker？</p><p>这里介绍一个如何循环添加标注点，并且正确响应，还有自定义marker属性问题，直接上代码。

<!DOCTYPE html> 
<html> 
<head> 
<meta name="keywords" content="天地图"/> 
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>天地图－地图API－范例－标注点击事件</title> 
<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script> 
<script type="text/javascript"> 
	var map,zoom=12,marker,markerclick; 
	var lnglats = ["116.411794","39.9068","116.415784","39.9068","116.419774","39.9068"];
	function onLoad() 
	{ 
		//初始化地图对象 
	   	map=new TMap("mapDiv"); 
	   	//设置显示地图的中心点和级别 
		map.centerAndZoom(new TLngLat(116.40969,39.89945),zoo