如何调用百度地图嵌入到自己网页里面显示,并且根据自己的需要标注公司名称,地址,电话 这些信息
以下是整合过后的代码:
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
400电话办理