Google Map API V3开发(2)

3 Google Map API 简介

Google 地图 API 免费提供给用户并且适用于所有网站。Google 地图 API 使您能够使用 JavaScript 将 Google地图嵌入自己的网页中。API 提供了大量实用工具用以处理地图(正如 http://ditu.google.com 网页上的地图),并通过各种服务向地图添加内容,从而使您能够在您的网站上创建功能强大的地图应用程序。

4 帮助资源

?Google Maps JavaScript API v3

?中文页面:https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-cn

?英文页面:

https://developers.google.com/maps/documentation/javascript/tutorial

这里有全部API接口介绍及示例。

?Google Maps Markers

http://mabp.kiev.ua/2010/01/12/google-map-markers/

这里是我找到的Google官方图标最全的地方了。直接复制图标URL到程序里即可使用。

5 Hello Google Map

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

<head runat="server">

<title>Google Maps API V3 Demo</title>

<script type="text/javascript" src=‘http://maps.googleapis.com/maps/api/js?v=3&sensor=true&language=hk‘></script>

<script type="text/javascript">

var map;

function initialize() {

var myOptions = {

zoom: 13,

center: new google.maps.LatLng(22.1623, 113.5552),

mapTypeId: google.maps.MapTypeId.ROADMAP,

scaleControl: true,

scaleControlOptions: {

position: google.maps.ControlPosition.LEFT_BOTTOM

}

}

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

}

</script>

</head>

<body >

<div id="map_canvas" style="width: 100%; height: 100%;"></div>

</body>

</html>

时间: 2024-12-23 02:47:22

Google Map API V3开发(2)的相关文章

Google Map API V3开发(6) 代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Google Maps API V3 Demo</title> <script type="text/javascript" src='http://maps.googleapis.com/maps/api/js?v=3&sensor=tru

Google Map API V3开发(5)

11 库 ?  AdSense Library ?  绘图库 ?  几何图形库 ?  Panoramio 图层(库) ?  地方信息库 ?  天气和云况图层(库) 几何图形库 Google Maps JavaScript API V3 几何图形库提供了一些实用程序函数,以便计算地球表面的几何数据.该库包含以下三个命名空间: spherical,其中包含球面几何图形实用程序,可用于通过纬度和经度计算角度.距离和面积. encoding,其中包含一些实用程序,可用于根据编码折线算法对折线路径进行编码

Google Map API V3开发(4)

9 图层 Maps API 包含以下几种图层: KmlLayer 对象,用于在 Maps API V3 图块叠加层中呈现 KML 和 GeoRSS 元素. HeatmapLayer 对象,使用热图可视化技术来呈现地理数据. FusionTablesLayer 对象,用于呈现 Google Fusion Tables 中包含的数据. TrafficLayer 对象,用于呈现描述路况情况的图层和表示路况的叠加层. TransitLayer 对象,用于在地图上显示您所在城市的公交网络. Weather

Google Map API V3开发(1)

1 Google Maps 简介 谷歌地图是 Google 公司提供的电子地图服务,包括局部详细的卫星照片.此款服务可以提供含有政区和交通以及商业信息的矢量地图.不同分辨率的卫星照片和可以用来显示地形和等高线地形视图.在各类平台均有应用,操作简单方便. 谷歌地图对应不同的地区都会有一些专门的主页,首次登陆时会显示这些地区,比如, 全球主页:http://maps.google.com 香港主页:http://maps.google.com.hk 台湾主页:http://maps.google.c

Google Map API V3开发(3)

6 Google Maps 事件 每个 Maps API 对象均可导出大量已命名的事件.如果程序想要实现某些事件,则会为这些事件注册 Javascript 事件监听器,并在 google.maps.event 命名空间中注册addListener() 事件处理程序,以便在接收这些事件后执行相应代码. google.maps.Marker 对象可以监听一些用户事件,例如: 'click' 'dblclick' 'mouseup' 'mousedown' 'mouseover' 'mouseout‘

google map api v3

<!DOCTYPE html> <html> <head> <script type="text/javascript"> function killerrors() { return true; } window.onerror = killerrors; </script> <meta name="viewport" content="initial-scale=1.0, user-sc

Google Map API V3调用arcgis发布的瓦片地图服务

由于最近项目需要用到CAD制作的地图,但之前一直使用的是用谷歌离线瓦片地图的方式,怎么样把CAD图像地图一样有缩放,移动的功能放到网页显示成了难题, 原先的谷歌地图的代码难道就不能用了?重新写一套代码得多久呢,得花多少时间精力呢? 于是开始尝试了N种方法,最后找的可能算是最好的方法可以沿用现有的代码,方法是:首先要用ARCGIS软件,把CAD图转化为mxd文件(当然其中各种困难就不提了,而且转换后的效果不一定能和CAD完全一样), 最后请教的是学地理信息系统专业的朋友才搞定的.其次把mxd发布成

开发Android Map程序 如何获取 apikey (Google Map API v2)

1. 在Eclise --> preference --> android --> bulid 能够看到缺省的debug keystore:注意,最新版本的Android Eclipse中无需再自己产生MD5 和 SHA1 2. 登录Google网站账户后转到如下网址 https://console.developers.google.com/project/apps~soft-edu/apiui/api?authuser=0:在该页面中点击APIs然后将Google Maps Andr

Google 地图 API V3 针对移动设备进行开发

针对移动设备进行开发 Google Maps API v3 旨在实现快速加载,并可在移动设备上稳定运行.尤其是,我们已专注于针对 Android 和 iOS 手机等先进的移动设备进行开发.与桌面计算机上的传统浏览器相比,移动设备的屏幕较小.而且,移动设备通常具备独有的特定行为(例如“双指张合缩放”).如果您想让自己的应用在移动设备上稳定运行,建议您执行以下操作: 将包含您地图的 <div> 的宽度属性和高度属性都设为 100%.不过请注意,在一些旧版的桌面浏览器上使用这些值无法获得良好的显示效