Google Map API V3:如何将自定义数据添加到标记

有没有办法,我可以添加一些自定义信息到我的标记以备后用。 有一些方法可以有一个信息窗口和标题,但是如果我想将标记与其他信息相关联。

我有其他的东西在页面上显示依赖于标记,所以当一个标记点​​击时,页面上的内容必须改变,取决于哪个标记点击。我想存储和检索自定义数据一旦标记是让我们说点击等

谢谢

由于Google Marker是一个JavaScript对象,因此您可以在key: value格式中添加自定义信息,其中key是有效的string。 它们被称为对象属性 ,可以用许多不同的方法来处理。 该值可以是任何合法的,如数字或string,也可以是函数,甚至是其他对象。 三个简单的方法:在声明中,点符号和方括号

 var markerA = new google.maps.Marker({ map: map, position: new google.maps.LatLng(0, 0), customInfo: "Marker A" }); var markerB = new google.maps.Marker({ map: map, position: new google.maps.LatLng(-10, 0) }); markerB.customInfo = "Marker B"; var markerC = new google.maps.Marker({ map: map, position: new google.maps.LatLng(-20, 0) }); markerC['customInfo'] = "Marker C"; 

然后以类似的方式检索它:

 google.maps.event.addListener(markerA, 'click', function() { alert(this.customInfo); }); 

您可以将您自己的自定义属性添加到标记(只是要小心,不要与API的属性冲突)。