作者tim89050809 (驕傲的維多)
看板Ajax
標題Fw: [問題] google map api
時間Sun Oct 23 23:41:10 2011
※ [本文轉錄自 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
1F：推 LaPass:跑錯版了喔 10/23 23:38
2F：→ tim89050809:不好意思 那請問有什麼板比較適合呢? 10/23 23:39
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: tim89050809 (111.251.148.190), 時間: 10/23/2011 23:41:10
3F：推 elliot79313:我使用你的code無法顯示地圖,但是我修改兩個部分 10/28 17:25
5F：→ elliot79313:2. map_canvas我使用固定的高度 ex : height:400px; 10/28 17:26
6F：→ elliot79313:這樣就OK了 10/28 17:27