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)

从select中获取值并将其提供给地图的实际代码，因此map将会定位到给定位置。

$(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设置值，返回元素的jquery对象并将其设置为变量。你应该使用：

int array [n] = ...;
int* begin = array;
int* end = array + n;

for(int* i=begin; i!=end; i++)
...

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的数据值输入变量＆amp;在地图功能中使用它

希望这会对你有所帮助。

缺少jQuery数据属性值

2 个答案: