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