作者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