欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

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

发布时间:2025/4/14 javascript 53 豆豆
生活随笔 收集整理的这篇文章主要介绍了 [html] Google map的地理编码javascript例子 -- Google map geocoder example 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

代码 <!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&amp;v=2.x&amp;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>

 

转载于:https://www.cnblogs.com/davidhhuan/archive/2010/06/01/1749446.html

总结

以上是生活随笔为你收集整理的[html] Google map的地理编码javascript例子 -- Google map geocoder example的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。