在HTML5,javascript / jquery中映射/标记地图上的多个位置

时间:2013-08-14 11:08:09

标签: javascript jquery html5

我必须根据XLSheet中可用的纬度/经度数据显示多个位置。应使用HTML5,javascript或jquery来完成此功能。你能帮我解决一下这个问题吗?

1 个答案:

答案 0 :(得分: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
        });



    }

将此代码放在初始化函数中。 Gud运气