Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod

In this article I will explain with an example, how to get Location Coordinates i.e. Latitude and Longitude from Zip Code (Pin Code) by making use of Google Maps API V3 (Version 3) and JavaScript.

Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Code (Pin Code) using JavaScript

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
</head>
<body><textarea id="txtAddress" rows="3" cols="25"></textarea><br /><input type="button" οnclick="GetLocation()" value="Get Location" /><script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript"><!--function GetLocation() {var geocoder = new google.maps.Geocoder();var address = document.getElementById("txtAddress").value;geocoder.geocode({ 'address': address }, function (results, status) {if (status == google.maps.GeocoderStatus.OK) {var latitude = results[0].geometry.location.lat();var longitude = results[0].geometry.location.lng();alert("Latitude: " + latitude + "nLongitude: " + longitude);} else {alert("Request failed.")}});};//--></script>
</body>
</html>

Explanation

I have made use of HTML <textarea> for allowing user enter the address of a location and an HTML button which will trigger the process of fetching the Latitude and Longitude using the Google Maps API.

As soon as the button is clicked the JavaScript click event handler is raised which executes the JavaScript function GetLocation which makes call to the Google Maps API which in turn returns the Latitude and Longitude based on the address provided for the location.

Note: Here I have not specified the API Key but you need to get one from the Google Maps API V3 in order to use on hosted server.

下载：GoogleMaps_GetLat_Long

原文：http://www.aspsnippets.com/Articles/Google-Maps-API-V3-Get-Location-Latitude-and-Longitude-from-Zip-Code-Pin-Code-using-JavaScript.aspx

转自：Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Code (Pin Code) using JavaScript

Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod相关推荐

Google Maps API V3学习--- 简单地图显示
技术发展日新月异,为了与时俱进,不让自己很快的落伍,正好项目有所需要,就学习了下新发布的Google Maps API V3. V3相对于V2存在许多改变,比如在地图的加载上,尤其是手机浏览器访问的 ...
Google Maps API v3：如何删除所有标记？
本文翻译自:Google Maps API v3: How to remove all markers? In Google Maps API v2, if I wanted to remove al ...
Google Maps API V3 之绘图库
绘图库本文档中的概念仅适用于 google.maps.drawing 库中提供的地图项.默认情况下,系统在加载 Maps JavaScript API 时不会加载该库,您必须使用 libraries ...
Google Maps API V3 之绘图库信息窗口
Google官方教程: Google 地图 API V3 使用入门 Google 地图 API V3 针对移动设备进行开发 Google 地图 API V3 之事件 Google 地图 API V3 ...
Google Maps API V3 之图层
图层概述图层是地图上的对象,包含一个或多个单独项,但可作为一个整体进行操作.图层通常反映了您添加到地图上用于指定公共关联的对象集合.Maps API 会通过以下方法管理图层内对象的显示形式:将图层的 ...
谷歌地图添加点击事件 Google Maps API V3: Add click event listener to all (multiple) marker
代码: <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sen ...
ASP.NET调用V3版本的Google Maps API
英文原文:Google Maps API V3 for ASP.NET 译文出处:青藤园译文作者:王国峰译文链接:ASP.NET中使用Google Maps API V3[译] 简介 Google ...
Google Maps API 简易教程（一）
Google Maps API 简易教程(一) 一.API Key 使用Google API,必须要从Google 那里获取一个免费的API 键.获取过程如下: (1)用google账户登陆https ...
Google Map API v3 - 设置边界和中心
本文翻译自:Google Map API v3 - set bounds and center I've recently switched to Google Maps API V3. 我最近切换到 ...

Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod

Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod相关推荐

最新文章

热门文章