Google MAP API调用方法

点击次数:7974 发布时间:2015-6-24

 最近在网上找了很久也没有找到比较好的GOOGLE地图的使用方法,所以我们创亿互动里技术部的一位同事花了半天时间,经过对多篇文章研究后,整理出以下的方法,希望对从事贵阳网站建设行业的朋友有帮助。

演示页面:

使用Google MAP API显示Google MAP,可以自定义坐标, 加入自己的描述, 等等。

使用步骤:
1。申请API密钥,只需要登录 ,输入网站的网址,如:  ,填写完毕按“生成API密钥”即可。

2。加载Google地图API,在网页<head></head>加入,

复制代码
其中 key为第一步生成的API密钥,注意:此js为UTF-8编码的,所以页面也最好能用UTF-8编码,否则在IE可能会提示错误

3。在<body></body>设置一个容器,用来显示Google MAP,如演示页面中,加入了

复制代码
4。在页面加载完毕后,初始化Google MAP,需要在<body>加入onLoad事件和onUnload事件,如

复制代码
,其中 load() 是自定义的初始函数,GUnload为API内置的卸载函数。load()函数如下:

复制代码
更详细的说明,参考:


  • 添加微信

  • 联系电话

    0851-86720570