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

时间:2017-04-20 20:15:52

标签: javascript jquery google-maps

我现在使用.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);

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

1 个答案:

答案 0 :(得分:0)

您应该可以使用标记对象以及您拥有的纬度和经度变量来执行此操作:

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

我已经创建了一个JSFiddle来为您演示这个。我不得不做一些微小的修改来处理诸如尾随0和空格之类的东西。请注意,为了安全起见,我已经从这个小提琴中编辑了我的API。请将您自己的API密钥放在小提琴中以使其工作:

https://jsfiddle.net/8bfmc6oo/

我希望这有帮助!