Question

我有一张谷歌地图，我试图从地图所取的元素中获取地图的纬度和经度。

所以我有我的地图元素

<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。详细了解accessing the data attributes here。

您的代码已更新：

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);

谷歌地图：从地图元素获取纬度和经度

1 个答案: