Javascript 单击标记时从阵列中选择目标

Javascript 单击标记时从阵列中选择目标,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我对javascript不是很有经验,但我希望比现在更好。我被困在一个我正在做的项目上,急需帮助 我正在制作一张地图,地图上的位置是从谷歌文档文件中导出的数据集标记的。到目前为止,我已经在地图上填充了标记,并设置了信息窗口 我希望用户能够单击地图上的标记,然后单击信息窗口中的“获取方向”按钮,使用地理位置获取从当前位置到单击标记位置的方向 我觉得我已经很接近了,也许这就是问题所在,但我不知道,经过几天的尝试,我仍然不知道如何将我的数组中的lat,lng放入getDir函数。请,任何帮助都将不胜感

我对javascript不是很有经验,但我希望比现在更好。我被困在一个我正在做的项目上,急需帮助

我正在制作一张地图,地图上的位置是从谷歌文档文件中导出的数据集标记的。到目前为止,我已经在地图上填充了标记,并设置了信息窗口

我希望用户能够单击地图上的标记,然后单击信息窗口中的“获取方向”按钮,使用地理位置获取从当前位置到单击标记位置的方向

我觉得我已经很接近了,也许这就是问题所在,但我不知道,经过几天的尝试,我仍然不知道如何将我的数组中的lat,lng放入getDir函数。请,任何帮助都将不胜感激。先谢谢你

地图上现在的样子

下面是我如何调用并将数据设置到地图中的-

function initialize() {

   var myLatlng100 = new google.maps.LatLng(45.522535,-122.659492);
   var mapOptions = {
      center: myLatlng100,
      zoom: 15,          
      mapTypeControl: true,
      zoomControl: true,
      zoomControlOptions: {
         style: google.maps.ZoomControlStyle.SMALL
      }
   };
 map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

 var transitLayer = new google.maps.TransitLayer();
 transitLayer.setMap(map);

 $.getJSON('https://spreadsheets.google.com/feeds/list/0AnAPtHOSNeZvdHBpcU1NemZ5UFJaOXZDMXlBUVdnMWc/od6/public/values?alt=json',       
 function(data) {
   for (var i = 0; i < data.feed.entry.length; i++) {
      var markerId = data.feed.entry[i].gsx$markerid.$t;
      var lat = data.feed.entry[i].gsx$lat.$t;
      var lng = data.feed.entry[i].gsx$lng.$t;
      var title = data.feed.entry[i].gsx$name.$t;
      var contentString = 
         "<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t 
          + "<br>" + data.feed.entry[i].gsx$city.$t + ", "
          + data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";          


      var markers = [markerId, lat, lng, title, contentString];
      createMarker(lat, lng, title, contentString);

   }  
 });
}   

在infowindow中将纬度和经度添加到HTML中。更改此项:

  var lat = data.feed.entry[i].gsx$lat.$t;
  var lng = data.feed.entry[i].gsx$lng.$t;
  var contentString = 
     "<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t 
      + "<br>" + data.feed.entry[i].gsx$city.$t + ", "
      + data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";          
致:

  var lat = data.feed.entry[i].gsx$lat.$t;
  var lng = data.feed.entry[i].gsx$lng.$t;
  var contentString = 
     "<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t 
      + "<br>" + data.feed.entry[i].gsx$city.$t + ", "
      + data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir() value='Get direction here'>";          
  var lat = data.feed.entry[i].gsx$lat.$t;
  var lng = data.feed.entry[i].gsx$lng.$t;
  var contentString = 
     "<div class='contentString'><h3>" + data.feed.entry[i].gsx$name.$t + "</h3><br><p>" + data.feed.entry[i].gsx$address.$t 
      + "<br>" + data.feed.entry[i].gsx$city.$t + ", "
      + data.feed.entry[i].gsx$state.$t + "</p></div>" + "<input type='button' onClick=getDir("+lat+","+lng+") value='Get direction here'>";