·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> 在网站中添加百度地图

【如有意向点此提交需求】关于我们

在网站中添加百度地图

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23

怎样在网站中引用百度地图？

 

1、在html中添加一个div,添加一些样式。

<div id="divMap" style="width:50%;height:300px;border:1px solid gray;"></div>

2、在head中添加对百度地图的引用。

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

3、添加js，创建坐标实例。（注：该js部分要放在div的下面，不然会报错的）

<script type="text/Javascript">
var map=new BMap.Map("divMap")   //创建地图实例
var point=new BMap.Point(116.404,39.915)  //创建点坐标
map.centerAndZoom(point,13)  //初始化地图，设置中心点坐标和地图级别
</script>

4、运行结果，如下图所示