- 1、本文档共65页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
GOOGLE MAPS API 中文同步文档
本文档适用于熟悉JavaScript 和面向对象编程概念的人。另外您也应该很熟悉
Google地图这个产品。网上有很多JavaScript 指南可供参考。
简介
Google Maps 上的HelloWorld
学习这个API最简单的方法就是看一个简单的例子。下面的网页显示一个
500x300 的地图,中心位于California,PaloAlto:
!DOCTYPE html PUBLIC
-//W3C//DTD XHTML 1.0
Strict//EN
http :///TR/xhtml1/D
TD/xhtml1-strict.dtd
html
xmlns http :///1999/
xhtml
head
meta
http-equiv content-type
content text/html;
charset utf-8/
titleGoogle Maps
JavaScript API Example/title
script
src http :///ma
ps?file apiamp;v 2amp;key ab
cdefg
type text/javascript/scrip
t
script
type text/javascript
//![CDATA [
function load () {
if (GBrowserIsCompatible ())
{
var map new
GMap2 (document.getElementById (
map));
map .setCenter (new
GLatLng (37.4419, -122.1419),
13);
}
}
//]]
/script
/head
body onload load ()
onunload GUnload ()
div id map style width:
500px; height: 300px/div
/body
/html
您可以下载这个例子修改并测试,但是您必须用您自己的APIkey 代替文件中
Key。(如果您注册了某个目录的APIKey,那么您可以直接在这个目录的任何子
目录下使用。
下面例子里面的地址(http :///maps?file apiv 2)
是在您的页面放置Google地图需要的所有的代码的JavaScript 文件。您的页面
必须包含指向这个地址的script标记,并加上您的APIKey。如果您的APIKey
是abcdef
文档评论(0)