javascript - 谷歌地图 : get latitude and longitude from map element

Question

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

所以我有了 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);

控制台所说的是:

Uncaught TypeError: $map.data is not a function

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