close
這裡介紹一個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 //指定要放置的地圖對象 });
維度自動免費架站系統,讓你快速擁有自己的網站
維度架站(新版系統)
維度架站
維度雲商城
全站熱搜
留言列表