Googleマップ：地図要素から緯度と経度を取得

Question

私はGoogleマップを持っており、地図が取得している要素から地図の緯度と経度を取得しようとしています。

だから私はマップ

<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について詳しくは、こちらをご覧ください。更新

あなたのコード：