Google Maps JavaScript API V3 根据地址加载地图

效果图如下：

javascript代码：

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><script type="text/javascript">var geocoder;var map;var query = "香港 湾仔 维多利亚公园";var display = "<b>单位：</b> 维多利亚公园";function initialize() {geocoder = new google.maps.Geocoder();var myOptions = {zoom: 17,mapTypeId: google.maps.MapTypeId.ROADMAP}map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);codeAddress();}function codeAddress() {var address = query;geocoder.geocode({'address': address}, function(results, status) {if (status == google.maps.GeocoderStatus.OK) {map.setCenter(results[0].geometry.location);var marker = new google.maps.Marker({map: map,position: results[0].geometry.location});var infowindow = new google.maps.InfoWindow({content: "<b>地址：</b>" + address + "<br>" + display});infowindow.open(map, marker);} else {alert("未能解析该地址的原因: " + status);}});}</script>
</head><body οnlοad="initialize()"><div id="map_canvas" style="width:500px; height:400px"></div>
</body>

转载于:https://www.cnblogs.com/yexinw/archive/2011/09/23/2185887.html

Google Maps JavaScript API V3 根据地址加载地图相关推荐

Google Maps JavaScript API V3 叠加层
注意:以下网页中提到的 Google Maps JavaScript API 第 3 版现在是正式的 JavaScript API 版本.该 API 的第 2 版已根据我们的弃用政策正式弃用.欢迎您将 ...
Google Maps JavaScript API V3的使用(四)
Google Maps JavaScript API V3 叠加层叠加层概述叠加层是地图上与纬度/经度坐标绑定的对象,会随您拖动或缩放地图而移动.叠加层表示的是"添加"到地图中 ...
HTML5中快速运用Google Maps JavaScript API V3
因论坛方吃图,我已经做了Word文档供下载,请去下载:http://download.csdn.net/detail/david1030/4464369 第一个示例: 几点需要注意: 我们使用了< ...
ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置
ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置对于一些基本的东西,google maps JavaScript api v3 文档已经讲解得足够 ...
ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...
ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性 <%@ Page Language="C#" Auto ...
Google maps javascript api v3 叠加层（Overlays）介绍
很多人尝试google maps api的开发,通常会涉及到在Google maps上进行标注功能的开发.Helloj2ee学习一项技术通常不在看书,而是多以帮助为主.当我看完之后,我将Overlay ...
Google Maps JavaScript API V3 官方网站
http://code.google.com/intl/zh-CN/apis/maps/ http://code.google.com/intl/zh-CN/apis/maps/documentati ...
Google Maps JavaScript API 使用
这两天用了Google Maps JavaScript API 中的一个自动填充地址表单的api,api地址是:https://developers.google.com/maps/documenta ...
Google Maps Android API
google map android api 2 比api 1 改变很多,虽然老版本可以继续使用,但是想开发新的项目必须申请新的key所以就要熟悉google map api 2. 参考开发者 htt ...

Google Maps JavaScript API V3 根据地址加载地图

Google Maps JavaScript API V3 根据地址加载地图相关推荐

最新文章

热门文章

Google Maps JavaScript API V3 根据地址 加载地图

Google Maps JavaScript API V3 根据地址 加载地图相关推荐

最新文章

热门文章

Google Maps JavaScript API V3 根据地址加载地图

Google Maps JavaScript API V3 根据地址加载地图相关推荐