谷歌地图api v3学习之:起步

最近公司项目需要用到地图搜索功能,首先考虑的是gmap(谷歌地图api),一开始觉得它很神秘很难,但经过几天的研究发现其实很简单。谷歌官网api写的很详细,一目了然

。在此用的是version3版本,v2的现在停用了。

1.如果想用谷歌地图api来给自己的系统实现地图搜索和定位功能首先你必须获取谷歌的密钥才可以,创建密钥可以按照下面步骤来完成:

      a、访问 API 控制台(网址为 https://code.google.com/apis/console)并使用您的 Google 帐户登录。

      b、点击左侧菜单中的服务链接。

      c、激活 Google Maps API v3 服务。

      d、点击左侧菜单中的 API 访问链接。您可以从 API 访问页上的简单 API 访问部分获取 API 密钥。Maps API 应用会使用适用于浏览器应用的密钥

      谷歌地图api v3学习之:起步_第1张图片

(图中的红线部分便是密钥,在此我把它屏蔽掉了,不过大家可以自己注册gmial后激活该功能即可)

2.好了,现在密钥有了,那就开始gmap之旅吧

       a、在开始前我们要做好准备工作,就是要引入gmap的api的js  

 


     b、此处贴出jsp源码

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>



    
    
    
    
  
  
  
    


3.启动服务器看看运行效果

谷歌地图api v3学习之:起步_第2张图片

(例子中的经纬度定位是悉尼,如图红色标记)

4.有人会觉得不够友好,例子的经纬度是不是真的是悉尼呢?还好gmap为我们提供的标记功能,下面是添加一个标记的后的js代码


看看效果吧

谷歌地图api v3学习之:起步_第3张图片

OMG怎么不是悉尼呢,看来眼睛判断是不靠谱的,ok今天就到这,一个简单的gmap api的例子。大家有什么好的建议或疑问请email:[email protected]。接下来会介绍gmap的api的其它功能,如获取当前的位置等。

你可能感兴趣的:(gmap)