点击次数: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()函数如下:
复制代码
更详细的说明,参考: