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所示。
图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个代码访问的请求。
以上只是与Key注册相关的技术细节上的说明,并非对Google所约定条款的解释。Google还规定了其他有关Key的使用政策和法律条款,如终端用户可以免费使用该Key注册的地图服务等,请用户自行阅读,在此不再赘述。
在阅读并同意使用条款的情况下,勾选 “我已经阅读并同意条款”复选框,在“我的网址”文本框中填入需要注册的地址,然后单击【生成API Key】按钮,如图4-3所示。
此时注册页面会跳转至另一个页面,在最上方的“Your Key is”一栏中给出了注册网址对应的Key码,该Key是由字母和数字组成的,如图4-4所示。
图4-4 申请到的Key
用户在得到Key码之后,需要把Key复制下来,插入自己网页的<head>节中,例如:
<script src="http://maps.google.com/maps?file=api&v=2&key= " type="text/ javascript"></script>
在src节中的“key=”的后面,粘贴用户注册的Key码。
并且Google还在这一页下方的例子栏中给出了类似“Getting Start”的代码,这些代码是一个基本的内嵌Google地图服务的例子,并指出了如何初始化地图,用户可以参照此代码完成自己第一个内嵌Google Maps的页面。