JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记
生活随笔
收集整理的這篇文章主要介紹了
JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這段js代碼是對菜鳥教程http://www.runoob.com/try/try.php?filename=tryhtml_map_marker_infowindow2的修改，可以實現輸入經緯度標注該點。
下面是效果圖：
<html> <head> <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false"> </script><script> var map; var myCenter=new google.maps.LatLng(36.09929,118.527663);function initialize() { var mapProp = {center:myCenter,zoom:5,mapTypeId:google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("googleMap"),mapProp);google.maps.event.addListener(map, 'click', function(event) {placeMarker(event.latLng);}); }function placeMarker(location) {var marker = new google.maps.Marker({position: location,map: map,});var infowindow = new google.maps.InfoWindow({content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()}); } function conform() {var lat = document.getElementById("lat").value;var lng = document.getElementById("lng").value;var myCenter1=new google.maps.LatLng(lat,lng);placeMarker(myCenter1);map.setCenter(myCenter1);map.panTo(myCenter1); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head><body> <div id="googleMap" style="width:100%;height:90%;"></div> <label>緯度:</label> <input id="lat"/> <label>經度:</label> <input id="lng"/> <br/> <button onclick="conform()">確定</button> </body> </html>?
總結
以上是生活随笔為你收集整理的JavaSript实现调用google地图输入经度，纬度移动到该点，同时对点做标记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： c#竖直射线法判断点是否再多边形里面
- 下一篇： c# winform实现2048游戏