个人博客 > 学无止境 > 其他 > 百度地图网页调用方法

百度地图网页调用方法

许多网站一般都需要放一个百度地图或者高德地图。这样可以让用户知道这个网站公司地点在哪。那么如何调用百度地图呢?

实例效果:

百度地图网页调用方法

代码如下:

<div id="allmap" style="width:920px;height:400px;"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=这里的密匙需要各位小伙伴自己去百度地图申请啦"></script>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
//开启缩放
map.enableScrollWheelZoom(true);
// 百度地图API功能         
map.centerAndZoom(new BMap.Point(106.442602,29.433618),18);
var local = new BMap.LocalSearch(map, {
	renderOptions:{map: map}
});
local.search("沙坪坝区人民政府");
</script>

这样就可以在网页上显示百度地图且搜索的地址是你输入的地址了。

注:如果搜索不了,需要到百度地图申请百度商户免费标注或者点击链接http://biaozhu.baidu.com/?from=mapbottom#/

本文出自:琅枫个人博客。如需转载请注明出处!

本文出处:"https://www.phpfeng.cn/learn/other/83.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 地图 网页 方法



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?