[html] Google map的地理编码javascript例子 -- Google map geocoder example
2010-06-01 18:34
351 查看
代码
<!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>
相关文章推荐
- [html] 本地如何测试google map -- How to test google map in localhost
- [html] PHP使用Google map web services来计算两点间的距离 -- Compute the distance between two place via Google map services in PHP
- 改個名字再發一次--本例運用了javascript,html控件,服务器控件,最重要的就是javascript对空间的操作--GridView套GridViewtao--- 利用GridView显示主细表并一次编辑明细表所有数据的例子
- 一个在HTML使用JavaScript实现调用Windows Shell.Application的例子。
- How Google Map Works(google map是怎样工作的 )
- Google Map API使用详解(四)——Google Map基本常识(中)
- Google Map API使用详解(十六)——使用GMapOptions定制你的Google Map
- Android Google Map实例 - 发布Android Google Map 程序(Android mapview) .
- Android中WebView载入本地HTML代码并实现Java与JavaScript交互的例子
- Google将Material Design带到CSS、HTML与JavaScript上
- Google Map开发(一) ASP.NET中调用Google Map API实现简单的地图显示
- Google Map API使用详解(九)——Google Map坐标系统总结(下)
- google map api javascript xml 生成一个简单的地图
- Google Map开发(一) ASP.NET中调用Google Map API实现简单的地图显示
- Google Map API使用详解(一)——Google Map开发背景知识
- Google Map API使用详解(五)——Google Map基本常识(下)
- Google map api 3.9 Service Geocoder 地理信息解析
- Google Map API使用详解(二)——Google Map API中文说明
- Google Map API使用详解(十)——使用JavaScript创建地图详解(上)
- Google Map API使用详解(十九)——实现Google Map本地搜索框(上)