网站接入百度地图

时间：2023年10月02日

来源：网络

编辑：佚名

现在html里面定义一个id盒子
<div id="maps"></div>
接下来引入百度js文件:
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=IqqChZ4B0uzoth1C2YpdRD78ZcgsIorC"></script>
<script>
var map = new BMapGL.Map('maps');
var point = new BMapGL.Point({label:ip});
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true);
// 创建点标记
var marker = new BMapGL.Marker(point);
map.addOverlay(marker);
// 创建信息窗口
var opts = {
width: 200,
height: 100,
title: '{pboot:companyname}'
};
var infoWindow = new BMapGL.InfoWindow('地址：{pboot:companyaddress}', opts);
// 点标记添加点击事件
marker.addEventListener('click', function () {
map.openInfoWindow(infoWindow, point); // 开启信息窗口
});
</script>

新闻资讯更多

猜你需要