<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script>
jQuery.support.cors = true; //jquery json cross domain
function jsonGoogle() {
if ($("#address").val()!='') {
$.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+encodeURIComponent($("#address").val())+'&sensor=false', function(data) {
if (data.results.length > 0)
$("#god").val(data.results[0].geometry.location.lat+","+data.results[0].geometry.location.lng)
else
$("#god").val("no address");
}).error(function(e) {
})
}
}
</script>
</head>
<body>
<form>
搜尋地點：<input type="text" value="" id="address"/><br />
結果：<input type="text" value="" id="god"/><br /><input type="button" value="search" id="searchBtn" onclick="jsonGoogle();"/>
</form>
</body>
</html>
2012年9月14日 星期五
jQuery + JSON + GoogleMap API 查經緯度
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言