[html] Google map的地理编码javascript例子 -- Google map geocoder example

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 76 阅读

文章标签：

#javascript #xhtml #ViewUI

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Google Maps API key for http://localhost/ [key] [googlemaps]</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAnfs7bKE82qgb3Zc2YyS-oBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSySz_REpPq-4WZA27OwgbtyR3VcA"></script>
<script type="text/javascript">
function displayLatLng()
{
var geocoder = null;
geocoder = new GClientGeocoder();
var addrObj = document.getElementById("address_63833");
var address = addrObj.value;
geocoder.getLatLng(
address,
function(point)
{
alert(point.lat());
alert(point.lng());
}
)
}

</script>
<body>
<input type="text" size="42" id="address_63833">
<input type="button" value="Find Address" id="button_63833" onclick="displayLatLng();" >
</body>
</html>

关注博主即可阅读全文