pin/mark несколько местоположений на карте в HTML5, javascript/jquery

Question

Мне нужно отобразить несколько местоположений на основе данных широты/долготы, доступных в XLSheet. Эта функциональность должна быть выполнена с использованием HTML5, javascript или jquery. Можете ли вы мне помочь, как я могу это сделать?

Answer 1

Вот лучший учебник ссылка: https://developers.google.com/maps/documentation/javascript/examples/marker-simple более

Одно только сделать один массив в функции инициализации, а затем просто изменить положение маркеров с помощью для цикла от значения массива. ваша проблема будет решена в секундах, например:

var Locations = [{ 
       lat:32.81553000000002, 
       lon:42.190242, 
       address:'sdf', 
       gval:'1', 
       aType:'Oil', 
       title:'abc', 
       descr:'abc'    
      }, 
       { 
       lat:-9.481553000000002, 
       lon:147.190242, 
       address:'Port Moresby', 
       gval:'1', 
       aType:'Oil', 
       title:'Papua New Guinea', 
       descr:'Papua New Guinea'    
      } 
    ]; 
     for (i = 0; i < Locations.length; i++) {        
     var marker = new google.maps.Marker({ 
     map: map, 
     title: Locations[i].title, 
     position: new google.maps.LatLng(Locations[i].lat, Locations[i].lon),   
      icon: img 
     }); 



    } 

Поместите этот код в свою функцию инициализации. Gud luck