如何将多个值传递给谷歌地图V3?

发布于 2024-10-27 18:02:11 字数 1046 浏览 1 评论 0原文

如何在谷歌地图中绘制更多数量的标记

  <script type="text/javascript">
            // When map page opens get location and display map
            $('.page-map').live("pagecreate", function() {


            var latt=[13.0423734,12.918907];
            var lang=[80.2727993,80.145264];
            for(i=0; i<latt.length;i++)
            {
            initialize(latt[i],lang[i]);
            }
            });

            function initialize(lat,lng) 
            {
                var latlng = new google.maps.LatLng(lat,lng);
                var myOptions = {
                    zoom: 5,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
                var marker = new google.maps.Marker({
                  position: latlng, 
                  map: map, 
                  title:"Hello World!"
              });   
            }
        </script>

How to plot more number of markers in google map

  <script type="text/javascript">
            // When map page opens get location and display map
            $('.page-map').live("pagecreate", function() {


            var latt=[13.0423734,12.918907];
            var lang=[80.2727993,80.145264];
            for(i=0; i<latt.length;i++)
            {
            initialize(latt[i],lang[i]);
            }
            });

            function initialize(lat,lng) 
            {
                var latlng = new google.maps.LatLng(lat,lng);
                var myOptions = {
                    zoom: 5,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
                var marker = new google.maps.Marker({
                  position: latlng, 
                  map: map, 
                  title:"Hello World!"
              });   
            }
        </script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

漆黑的白昼 2024-11-03 18:02:11

使用数组。

// When map page opens get location and display map
$('.page-map').live("pagecreate", function() {
    var latt=[13.0423734,12.918907];
    var lang=[80.2727993,80.145264];
    initialize(latt, lang);
});

function initialize(lat_arr,lng_arr)
{
    // Assuming first array element is where you want the map centered
    var latlng = new google.maps.LatLng(lat_arr[0],lng_arr[0]);
    var myOptions = {
        zoom: 5,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    var markers = [];
    // start i at 0 if you want a marker at the center as well
    for(var i = 1; i < lat_arr.length; i++) {
        latlng = new google.maps.LatLng(lat_arr[i], lng_arr[i]);
        markers[i] = new google.maps.Marker({
            position: latlng,
            map: map,
            title:"Hello World!"
        });
    }
}

Use arrays.

// When map page opens get location and display map
$('.page-map').live("pagecreate", function() {
    var latt=[13.0423734,12.918907];
    var lang=[80.2727993,80.145264];
    initialize(latt, lang);
});

function initialize(lat_arr,lng_arr)
{
    // Assuming first array element is where you want the map centered
    var latlng = new google.maps.LatLng(lat_arr[0],lng_arr[0]);
    var myOptions = {
        zoom: 5,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    var markers = [];
    // start i at 0 if you want a marker at the center as well
    for(var i = 1; i < lat_arr.length; i++) {
        latlng = new google.maps.LatLng(lat_arr[i], lng_arr[i]);
        markers[i] = new google.maps.Marker({
            position: latlng,
            map: map,
            title:"Hello World!"
        });
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文