Google Maps: harita öğesinden enlem ve boylamı alın

Question

Bir Google Haritanım var ve haritanın alınıyor olduğu öğeden enlem ve boylamı elde etmeye çalışıyorum.

Yani harita

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

benim unsuru var ve div elemana enlem ve boylamı belirledik. Şimdi benim maps.js dosyamda data-latitude ve data-longitude

'u getirmeye çalışıyorum. Bunu nasıl yapardım?

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

ve tüm konsol söylediğini ise:

Uncaught TypeError: $map.data is not a function

Answer 1

Eğer elemana kullandığınız .data() yöntem jQuery sözdizimi

Şimdiye kadar bu var. Saf Javascript'te bir veri erişimine erişmek için .dataset.NAME'u kullanmanız gerekir. accessing the data attributes here hakkında daha fazla bilgi edinin. güncellenmiş

Kodunuz: