成都南奇网络公司 > 如何调用百度地图嵌入到自己网页里面显示，并且根据自己的需要标注公司名称，地址，电话这些信息

如何调用百度地图嵌入到自己网页里面显示，并且根据自己的需要标注公司名称，地址，电话这些信息

时间 : 25-10-27 成都南奇网络公司 :https://cdnanqi.cn/

以下是整合过后的代码：

script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0ak=你的密钥"/scriptdiv id="map" style="width: 100%; height: 400px;"/div

其中，将style属性的宽度和高度设置为合适的值，以适应网页的布局。

var map = new BMap.Map("map");  // 创建地图实例var point = new BMap.Point(116.404, 39.915);  // 设置地图中心点坐标map.centerAndZoom(point, 15);  // 初始化地图，设置中心点坐标和缩放级别

var point = new BMap.Point(116.404, 39.915);  // 创建标注点坐标var marker = new BMap.Marker(point);  // 创建标注点实例var infoWindow = new BMap.InfoWindow("公司名称：百度公司br地址：北京市海淀区上地十街10号br电话：010-88888888");  // 创建信息窗口实例marker.addEventListener("click", function(){  // 点击标注点时显示信息窗口map.openInfoWindow(infoWindow, point);});map.addOverlay(marker);  // 将标注点添加到地图上

其中，将“公司名称：百度公司br地址：北京市海淀区上地十街10号br电话：010-88888888”替换成自己的公司名称、地址、电话等信息。

完整的代码如下：

// 设置中心点坐标和地图级别 var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15);

// 创建标注点和信息窗口 var markerPoint = new BMap.Point(116.404, 39.915); var marker = new BMap.Marker(markerPoint); var infoWindow = new BMap.InfoWindow(公司名称：某某公司br地址：某某区某某路1号br电话：010-12345678);

// 点击标注点时弹出信息窗口 marker.addEventListener(click, function(){ map.openInfoWindow(infoWindow, markerPoint); });

// 将标注点添加到地图中 map.addOverlay(marker); /script

如何调用百度地图嵌入到自己网页里面显示，并且根据自己的需要标注公司名称，地址，电话这些信息 https://cdnanqi.cn/wangluoyingxiao/16979.html

上一篇：成都网站建设教你如何提高网站的用户体验和用户界面设计
下一篇：网站建设中需要考虑的关键要素有哪些？

头条文章

如何调用百度地图嵌入到自己网页里面显示，并且根据自己的需要标注公司名称，地址，电话 这些信息

成都南奇网络科技有限公司

如何调用百度地图嵌入到自己网页里面显示，并且根据自己的需要标注公司名称，地址，电话这些信息