引用百度地图接口
具体函数代码如下所示:
//判断用户是否在线
var x = navigator.onLine;
if (x) {
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(104.764, 28.090); // 创建点坐标
map.centerAndZoom(point, 6);
//自定义添加缩放控件(放大)
function ZoomControl() {
// 设置默认停靠位置和偏移量
this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
this.defaultOffset = new BMap.Size(10, 10);
}
// 通过 JavaScript 的 prototype 属性继承于 BMap.Control
ZoomControl.prototype = new BMap.Control();
ZoomControl.prototype.initialize = function (map) {
// 创建一个 DOM 元素
var div = document.createElement("div");
// 添加文字说明
div.appendChild(document.createTextNode("放大 4 级"));
// 设置样式
div.style.cursor = "pointer";
div.style.border = "1px solid gray";
div.style.backgroundColor = "white";
// 绑定事件,点击一次放大四级 (如果缩放等级大于10就禁用)
div.onclick = function (e) {
if (map.getZoom() < 10) {
map.setZoom(map.getZoom() + 4);
}
}
// 添加 DOM 元素到地图中
map.getContainer().appendChild(div);
return div;
}
//