Fw: [問題] google map api

看板Ajax作者tim89050809 (驕傲的維多)時間14年前 (2011/10/23 23:41)推噓1(1推 0噓 3→)

留言4則, 1人參與討論串1/2 (看更多)

※ [本文轉錄自 java 看板 #1Ef3F2xM ] 作者: tim89050809 (驕傲的維多) 看板: java 標題: [問題] google map api 時間: Sun Oct 23 23:33:20 2011 小弟剛開始接觸google map api 有一點問題想要請教大家目的是要用geocoding讓地圖可以進行地址的輸入然後顯示位置但是現在可以進行位置的輸入卻不能夠顯示位置以下是程式碼謝謝各位大大!! <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>sample</title> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } function codeAddress() { var address = document.getElementById("address").value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); } else { alert("Geocode was not successful for the following reason: " + status); } }); } </script> </head> <body onload="initialize()"> <div> <input id="address" type="textbox" value="Sydney, NSW"> <input type="button" value="Geocode" onclick="codeAddress()"> </div> <div id="map_canvas" style="height:90%;top:30px"></div> </body> </html> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.251.148.190