Google Maps：从地图元素获取经度和纬度

Question

我有一个Google Map，我正在尝试从要获取地图的元素中获取地图的纬度和经度。

所以我有我的地图元素

<div id="map" data-latitude="52.5717929" data-longitude="-2.1400756000000456"></div>

并且我在div元素上设置了纬度和经度。 现在，在我的maps.js文件中，我试图获取data-latitude和data-longitude

我该怎么做？

到目前为止，我有这个：

var $map = document.getElementById('map');

var latitude = parseFloat($map.data('latitude'));
var longitude = parseFloat($map.data('longitude'));
var center = new google.maps.LatLng(latitude, longitude);

而所有控制台所说的是：

未捕获的TypeError：$ map.data不是函数

Answer 1

您在元素上使用的.data()方法是jQuery语法。 要使用纯Javascript访问数据属性，您需要使用.dataset.NAME 。 在此处了解有关访问数据属性的更多信息。

您的代码已更新：

 var $map = document.getElementById('map'); var latitude = parseFloat($map.dataset.latitude); var longitude = parseFloat($map.dataset.longitude); var center = new google.maps.LatLng(latitude, longitude);