jQuery數據屬性值丟失

Question

我在<option>有兩個數據屬性，它們分別具有地圖的lat和lng ：

<option id="riderInfo" data-lat="" data-lng=""></option>

jQuery的：

var lat = $("#riderInfo").val($(this).data('lat'));
var lng = $("#riderInfo").val($(this).data('lng'));

我正在打印其價值：

console.log(lat)

從選擇中獲取價值並提供給地圖的實際代碼，因此地圖將更改為給定位置。

$(document).ready(function(){
  var lat = $("#riderInfo").val($(this).data('lat'));
  var lng = $("#riderInfo").val($(this).data('lng'));
  console.log(lat);

  google.maps.event.addDomListener(window, 'load', init);
  function init() {
     var locations = [
        ['Rider', 33.686073, 73.0175017, 3]
      ];
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(33.68, 73.01),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
      var infowindow = new google.maps.InfoWindow();
      var marker, i;
      for (i = 0; i < locations.length; i++) {
        marker = new google.maps.Marker({
          position: new google.maps.LatLng(locations[i][1], locations[i][2]),
          map: map
        });
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker);
          }
        })(marker, i));
      }
  }
});

console.log(lat)結果是：

[option#riderInfo, context: document, selector: "#riderInfo"]

我想念什么？

Answer 1

通過使用jquery設置值，返回element的jquery對象並將其設置為變量。 您應該使用：

var lat = $('#riderInfo').data('lat');
var lng = $('#riderInfo').data('lng');

Answer 2

在這里你有一個解決方案

 $(document).ready(function(){ var lat = parseFloat($("#riderInfo").data('lat')); var lng = parseFloat($("#riderInfo").data('lng')); console.log(lat); google.maps.event.addDomListener(window, 'load', init); function init() { var locations = [ ['Rider', lat, lng, 3] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: new google.maps.LatLng(lat, lng), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } } }); 

將lat ， lng的數據值獲取到變量中並在map函數中使用

希望這會幫助你。