作者:a58224227 | 来源:互联网 | 2023-10-12 13:12
最近客户提了一个需求,要在网站中添加百度地图的显示,其实原来是有谷歌地图的,但由于谷歌在大陆遭到封杀,只好再给用户增加一个选择了。下面我将自己最近整理的一些知识分享给大家。如何使用
最近客户提了一个需求,要在网站中添加百度地图的显示,其实原来是有谷歌地图的,但由于谷歌在大陆遭到封杀,只好再给用户增加一个选择了。
下面我将自己最近整理的一些知识分享给大家。
如何使用百度地图API:
1、要先引用API库的链接:
eg:
百度地图Javascript API是一套由Javascript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端
基于浏览器的地图应用开发,且支持HTML5特性的地图开发。
该套API免费对外开放。自v1.5版本起,需先申请密钥(ak)才可使用,接口(除发送短信功能外)无使用次数限制。
打开该链接:http://developer.baidu.com/map/index.php?title=jspopular
这里面有很多Demo,可以自己先看一下。
2、以百度提供的Demo为例,简单介绍一下:
1
2
3
4 "Content-Type" cOntent="text/html; charset=utf-8" />
5 "viewport" cOntent="initial-scale=1.0, user-scalable=no" />
6
9
11
12
13
14 "allmap" color: rgba(128, 0, 0, 1)">"width:800px;height:600px">
15
16
17
将上面的代码复制下来,保存为.html文件,然后运行,会显示为和百度地图一样的页面。
效果截图如下:
先整理这么多,这些都是比较简单的,一些入门知识,等以后接触更多的话,再继续和大家分享。