Google Maps API是Google自己推出编程API,可
以让全世界对Google Map有兴趣的程序设计师自
行开发基于Google Maps的服务,建立自己的地图
网站。 简单的讲就是google地图应用程序接口!
大家可以通过它免费方便的将Google Map链接到
自己的网页中去了。
第一步:
去
http://www.google.com/apis/maps/signup.html
申
请一个
KeyID
。
第二步:
使用获取的
KeyID
初步实现
加载
Google
地图
API
。
我获得的KeyID为:
ABQIAAAA1ZWji3IS1WeH6kT7YeBfohTGaztpGLuuSIWMNLEggV4JozWCyxQhiZiv6ZFDc7ecTzUKgf0cDER8PA
将这段代码Copy到文本文档里保存成*.htm网页格式即
可,运行后
加载 Google 地图 API就初步实
现了。
代码为:
Google Maps JavaScript API Example
第三步:
在地图上添加基本控件。
map.addControl(new LargeMapControl()); //大型平移/缩放控件。
map.addControl(new GOverviewMapControl);//缩略图
map.addControl(new GMapTypeControl());//切换地图类型控件。
map.setCenter(new GLatLng(30.5374,114.3612 ), 14);//地图中心点改为武汉大学,缩放比例改为14。
第四步:
在地图上添加地图事件。
现在实现两个事件,一是在地图上随机标注10个点,二是
鼠标单击会标注一个点,单击到已标注点会取消该点的标
注。
第四步:
在地图上实现相关服务和一定功能。
添加本地搜索功能:
向您的 Maps API 应用程序中添加本地搜索功能
之前,要添加 Google AJAX Search API 的网
址。还需要加载该控件对象的样式
表:
// Load the Code
file=uds.js&v=1.0&key=ABQIAAAA1ZWji3IS1WeH6kT7YeBfohTGaztpGLuuSIWMNLEggV4JozWCyxQhiZiv6ZFDc7ecTzUKgf0cDER8PA"
type="text/javascript">
src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js"
type="text/javascript">
// Load the Style Sheets