4.2 Google Maps API的开发基础

本文介绍了使用Google Maps API进行地图服务开发的基础知识,包括所需技能、浏览器选择、Gmail账号需求以及API Key的注册流程。

4.2 Google Maps API的开发基础

Google Maps API的开发并不像普通的应用程序接口调用那样,需要开发人员对于WebService的概念有较为清晰的认识,它是Google地图服务的调用,需要注册。下面先讲讲Google Maps API开发的注册。

4.2.1 开发前的知识准备

基于Google Maps API进行开发,一般需要具备以下几种基本技巧:

l 了解基本的地理常识。
l 了解Internet基本常识。
l 了解HTTP协议的基本常识。
l 掌握基本的HTML语言。
l 掌握JavaScript脚本语言。
l 最好再掌握VML及CSS的基本技巧,并了解AJAX的概念。

阅读本章的代码,读者至少需要具备基本的网络知识,了解HTML网页的基本结构,最好能掌握JavaScript脚本语言的语法,并了解面向对象编程(OOP)的概念。这里给出的例子都是通俗易懂的,无须很深入的编程知识即可掌握。

4.2.2 浏览器的选择

Google Maps API的开发和后期使用的方式方法,很大程度上也取决于Web浏览器的选择。Google Maps支持多种Web浏览器,并且在不同的操作系统上支持的浏览器种类也不同,在Windows操作系统上主要支持的浏览器如表4-1所示。

表4-1 Google Maps在Windows操作系统上支持的Web浏览器

浏 览 器

版    本

IE

6.0或更高

FireFox

0.8或更高

Netscape

7.1或更高

Mozilla

1.4或更高

Opera

8.02或更高

根据笔者的实践经验,在IE和FireFox(火狐)上做Google Maps的开发,完全可行,效果基本一致。但需要注意的是,对于某些IE上使用的标示(例如IFrame),在FireFox上需要用其他的方法替代,估计FireFox将来的版本应该能和IE效果类似。

从开发便捷程度和开发工具的选择面上考虑,推荐使用微软的IE作为浏览器,本章中的实例代码,都是基于IE 6.0进行的开发。

4.2.3 需要一个Gmail账户

在Google官方网站上注册并获得Google Maps API Key需要有一个Gmail账户,Google Maps API的服务目前只为注册用户服务。若没有注册,则地图页面返回空白图框,并提示需要API密钥,如图4-2所示。

image002.jpg

图4-2 未注册地图API Key的提示

Gmail的账户在中国地区尚未提供开放式注册,需要已经获得Gmail账户的朋友发出邀请,才可以注册。在美国、日本和澳大利亚等地区,Gmail现已公开免费注册,读者如需注册可以通过网址https://www.google.com/accounts/NewAccount尝试注册。

注意

该网址不是为中国地区用户服务的,有可能注册不上;并请读者认真阅读Gmail注册时的条款。

4.2.4 注册Google Maps API Key

如果将Google Maps引入自己的页面,那么需要在Google的官方网站上注册自己网站的目录地址,以便Google Maps API能够对用户自己的服务器目录产生作用。Google Maps API Key的官方注册地址为http://www.google.cn/apis/maps/signup.html

目前注册页面已经推出了中文版本,对于Key的注册,用户需要注意以下几点:

l 注册网址可以为本机或者广域网地址,甚至是局域网地址。
l 注册网址可以填写域名或者IP地址。
l 注册网址可以包括目录。
l 引用Google Maps的页面的访问量没有限制。
l 对于每个Google Maps Key注册的地址,Google每天接受50000个代码访问的请求。

文本框: 图4-3 注册Key以上只是与Key注册相关的技术细节上的说明,并非对Google所约定条款的解释。Google还规定了其他有关Key的使用政策和法律条款,如终端用户可以免费使用该Key注册的地图服务等,请用户自行阅读,在此不再赘述。

在阅读并同意使用条款的情况下,勾选 “我已经阅读并同意条款”复选框,在“我的网址”文本框中填入需要注册的地址,然后单击【生成API Key】按钮,如图4-3所示。

此时注册页面会跳转至另一个页面,在最上方的“Your Key is”一栏中给出了注册网址对应的Key码,该Key是由字母和数字组成的,如图4-4所示。

image004.jpg

图4-4 申请到的Key

用户在得到Key码之后,需要把Key复制下来,插入自己网页的<head>节中,例如:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key= " type="text/ javascript"></script>

在src节中的“key=”的后面,粘贴用户注册的Key码。

并且Google还在这一页下方的例子栏中给出了类似“Getting Start”的代码,这些代码是一个基本的内嵌Google地图服务的例子,并指出了如何初始化地图,用户可以参照此代码完成自己第一个内嵌Google Maps的页面。


转载于:https://www.cnblogs.com/shanghaif/archive/2010/07/20/1781673.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值