博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

谷歌地图开发经验分享系列之一:Google Map API简介

Posted on 2013-11-12 16:29  allon6318  阅读(3310)  评论(8编辑  收藏  举报

      使用谷歌地图API进行开发已经有了3个年头,从以前的GMAP V2到现在的V3,一直在使用,一直在学习。也抽空去学习了百度地图和搜狗地图,三者整体感觉差不多,学好了一种地图API,其它的也很容易上手。但是也许是先入为主,我还是习惯,也一直在自己参与的项目中使用谷歌的东西。

      在学习过程中,发现网上关于谷歌地图开发的资料比较少,而且不够系统。所以就萌生了根据我这几年的开发经验编写一套系统的谷歌地图开发教程的念头。一来是为了整理自己所学,二来方便大家一起探讨谷歌地图的开发技术。

      思考了一下,教程主要分为以下几个部分,如果需要,后面会慢慢调整。

第一章:Google Map API简介

第二章:基础对象操作和用法(对象较多,应该会进一步细分)

第三章:综合实训

第四章:经验总结(这部分也可能会分散开来在各章节中就写完了)

接下来直接开始写第一章。

一、什么是 Google 地图 API?

      Google地图API是一种通过JavaScript将Google地图嵌入到您的网页的API。它提供了很多处理地图的功能和向地图添加内容的服务,让您能够在您的网站上创建功能全面的地图应用。任何Google地图API应用程序中的基础元素都是“地图”本身。

      Google地图API有多个版本,最新使用的是第三版。 此API的第3版是专为移动设备设计的,速度更快,更适用;它同时也适用于传统的桌面浏览器应用程序。该API提供了大量实用工具用以处理地图,并通过各种服务向地图添加内容,从而使您能够在您的网站上创建功能全面的地图应用程序。我们在接下来的学习过程中,介绍的也是第三个版本。

 

二、Google地图的“Hello, World”

所有语言的学习都是从“Hello,World”开始,我们这里也不例外,嘿嘿。

1)新建一个html网页,使用script标记来加入Maps API JavaScript

2)创建一个div元素来放置该地图,我在这里添加了一个名为map_canvas的div

 (3)编写脚本创建map对象,并对其进行初始化。

 

经过上面几步就可以在页面上成功调用谷歌地图了。代码:https://files.cnblogs.com/allon6318/gmap1.rar

 

推荐2个学习地址:

谷歌地图浏览:http://ditu.google.cn/

谷歌地图开发:https://developers.google.com/maps/?hl=zh-CN