Border的快樂生活記錄

這裡介紹一個google map有趣的應用

假如我有多個經緯度座標   想要在google map地圖上標示

我們可以使用下面的方法

 

 

             var latlng = new google.maps.LatLng(24.041404,130.446438);
   　　　 var latlng2 = new google.maps.LatLng(25.041399,121.452435);
             var latlng3 = new google.maps.LatLng(25.542591,125.454434);

            //設定地圖參數
            var mapOptions = {
                zoom: 5, //初始放大倍數
                center: latlng, //中心點所在位置
                mapTypeId: google.maps.MapTypeId.ROADMAP //正常2D道路模式
            };
            //在指定DOM元素中嵌入地圖
            var map = new google.maps.Map(
                document.getElementById("map_canvas"), mapOptions);
            //加入標示點(Marker)
            var marker = new google.maps.Marker({
                position: latlng, //經緯度
                title: "test1", //顯示文字
                map: map //指定要放置的地圖對象
            });
   　　　　　var marker2 = new google.maps.Marker({
                position: latlng2, //經緯度
                title: "test2", //顯示文字
                map: map //指定要放置的地圖對象
            });

            var marker3 = new google.maps.Marker({
                position: latlng3, //經緯度
                title: "test3", //顯示文字
                map: map //指定要放置的地圖對象
            });

 

 

觀看範例

 

 

維度自動免費架站系統，讓你快速擁有自己的網站
維度架站(新版系統)
維度架站
維度雲商城