在Google地图中动态添加多个标记

Question

我现在使用.text（）从html获取latng。

<div class="latlng"> -33.91722, 151.23064</div> 
<div class="latlng"> -32.81620, 151.11313</div> 

所以，我使用$（latlng）.text（）来获取数据到jquery中。

var geo = $(latlng).text(); 
latitude = parseFloat(geo); 
longitudeP = geocoder.replace(latitude+',',''); 
longitude = parseFloat(longitudeP); 

我在每个函数下使用这个代码来获得具有相同类的所有坐标。不，我如何动态添加多个标记。

Answer 1

你应该能够做到这一点使用的标记对象，你有纬度和经度变量：

var marker = new google.maps.Marker({ 
    position: {lat: latitude, lng: longitude}, 
    map: map, 
    title: 'Hello World!' 
}); 

我创建了一个的jsfiddle来证明这一点给你。我不得不做一些微小的修改来处理尾随0和空白等事情。请注意，为了安全起见，我从这个小提琴编辑了我的API。请把你自己的API密钥拨弄它的工作：

https://jsfiddle.net/8bfmc6oo/

我希望这有助于！