Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图api和地理编码api-添加标记的问题_Javascript_Arrays_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图api和地理编码api-添加标记的问题

Javascript 谷歌地图api和地理编码api-添加标记的问题,javascript,arrays,google-maps,google-maps-api-3,Javascript,Arrays,Google Maps,Google Maps Api 3,首先,我会说我对JS比较陌生,所以如果这是显而易见的,请原谅我的无知 我正在尝试向谷歌地图添加标记。我创建了一个数组coordList,然后使用地理编码api从地址中获取滞后和长,并将它们推送到coordList中 我现在尝试使用coordList数组在地图上绘制标记,但是我似乎无法从coordList数组中获取值。当我运行console.log(类型为coordList)时,它告诉我它是一个对象,但当我使用console.log(coordList)查看数组时,它看起来就像一个普通数组 v

首先,我会说我对JS比较陌生,所以如果这是显而易见的,请原谅我的无知

我正在尝试向谷歌地图添加标记。我创建了一个数组coordList,然后使用地理编码api从地址中获取滞后和长,并将它们推送到coordList中

我现在尝试使用coordList数组在地图上绘制标记,但是我似乎无法从coordList数组中获取值。当我运行console.log(类型为coordList)时,它告诉我它是一个对象,但当我使用console.log(coordList)查看数组时,它看起来就像一个普通数组

  var coordList = [];
  var address = [];

 address.push('52+Kalynda+pde,+bohle+plains,+QLD')
 address.push('51+Frank+St,+Kirwan+QLD+4817');

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
      center: new google.maps.LatLng(-19.259854,146.8001348),
      mapTypeId: 'roadmap'
    });


  }

   function getLatLong(address){
    var index;
    for (index = 0; index < address.length; ++index) {

    var request = 'https://maps.googleapis.com/maps/api/geocode/json?address=' + address[index] + '&key=[MY_key]';

    $.getJSON( request, function( data ) {

    var lat = data.results[0].geometry.location.lat;
    var lng = data.results[0].geometry.location.lng;

        var coords = [];
        coords.push(lat);
        coords.push(lng);
        //push coords into coordList
        coordList.push(coords);

  });
    }
  }


  // Loop through the results array and place a marker for each
  // set of coordinates.
  function addMarkers(coordList) {

    for (var i = 0; i < coordList.length; i++) {

      var coords = coordList[i];
      var latLng = new google.maps.LatLng(coords[0],coords[1]);
      var marker = new google.maps.Marker({
        position: latLng,
        map: map
      });
    }
  }
  getLatLong(address);
  addMarkers(coordList);
var-coordList=[];
var地址=[];
地址推送('52+Kalynda+pde,+bohle+plains,+QLD'))
地址:push('51+Frank+St,+Kirwan+QLD+4817');
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:12,
中心:新google.maps.LatLng(-19.259854146.8001348),
mapTypeId:“路线图”
});
}
函数getLatLong(地址){
var指数;
对于(索引=0;索引
您的问题是$.getJSON()是一个异步请求,并且您的代码在$.getJSON()完成之前执行addMarkers(),因此coordList为空

您可以在$.getJSON()回调中添加标记。例如:

var address = [];

address.push('52+Kalynda+pde,+bohle+plains,+QLD')
address.push('51+Frank+St,+Kirwan+QLD+4817');

function initMap() {
   map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
      center: new google.maps.LatLng(-19.259854,146.8001348),
      mapTypeId: 'roadmap'
   });
}

function getLatLongAndAddMarkers(address){
  var index;
  for (index = 0; index < address.length; ++index) {
     var request = 'https://maps.googleapis.com/maps/api/geocode/json?dress=' + address[index] + '&key=[MY_key]';
     $.getJSON( request, function( data ) {
        var latLong = new google.maps.LatLng(data.results[0].geometry.location);
        //add markers here
        var marker = new google.maps.Marker({
            position: latLong,
            map: map
         });
     });
  }
}

getLatLongAndAddMarkers(address);
var地址=[];
地址推送('52+Kalynda+pde,+bohle+plains,+QLD'))
地址:push('51+Frank+St,+Kirwan+QLD+4817');
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:12,
中心:新google.maps.LatLng(-19.259854146.8001348),
mapTypeId:“路线图”
});
}
函数getLatLongAndAddMarkers(地址){
var指数;
对于(索引=0;索引
多谢了,现在说得通了。。。我的头在里面!