mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-06-17 06:55:26 +08:00
68 lines
1.5 KiB
JavaScript
68 lines
1.5 KiB
JavaScript
|
|
$(function(){
|
|
|
|
|
|
initMap();
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
//地图界面高度设置
|
|
|
|
|
|
|
|
//加载地图
|
|
function initMap(){
|
|
// 百度地图API功能
|
|
var map = new BMap.Map("map_div"); // 创建Map实例
|
|
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
|
|
//添加地图类型控件
|
|
var size1 = new BMap.Size(10, 50);
|
|
map.addControl(new BMap.MapTypeControl({
|
|
offset: size1,
|
|
mapTypes:[
|
|
BMAP_NORMAL_MAP,
|
|
BMAP_HYBRID_MAP,
|
|
|
|
]}));
|
|
// 编写自定义函数,创建标注
|
|
function addMarker(point){
|
|
var marker = new BMap.Marker(point);
|
|
map.addOverlay(marker);
|
|
}
|
|
// 随机向地图添加25个标注
|
|
var bounds = map.getBounds();
|
|
var sw = bounds.getSouthWest();
|
|
var ne = bounds.getNorthEast();
|
|
var lngSpan = Math.abs(sw.lng - ne.lng);
|
|
var latSpan = Math.abs(ne.lat - sw.lat);
|
|
for (var i = 0; i < 25; i ++) {
|
|
var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
|
|
addMarker(point);
|
|
};
|
|
|
|
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
|
|
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
|
//设备地图颜色
|
|
var mapStyle={
|
|
style:"midnight"
|
|
};
|
|
map.setMapStyle(mapStyle);
|
|
|
|
|
|
|
|
|
|
|
|
//加载城市控件
|
|
var size = new BMap.Size(10, 50);
|
|
map.addControl(new BMap.CityListControl({
|
|
anchor: BMAP_ANCHOR_TOP_LEFT,
|
|
offset: size,
|
|
|
|
|
|
}));
|
|
}
|
|
|