javascript - 在 HTML5、javascript/jquery 中固定/标记地图上的多个位置

Question

我必须根据 XLSheet 中可用的纬度/经度数据显示多个位置。此功能应使用 HTML5、javascript 或 jquery 来完成。你能帮我怎么做吗？

Answer 1

这是最好的教程链接：https ://developers.google.com/maps/documentation/javascript/examples/marker-simple

另一件事是在初始化函数中创建一个数组，然后在 for 循环的帮助下从数组值更改标记位置。您的问题将在几秒钟内得到解决，例如：

 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
        });



    }

将此代码放在您的初始化函数中。好运