修改细节
parent
ea0028c366
commit
7936d33506
|
@ -20,7 +20,7 @@
|
||||||
#allmap {
|
#allmap {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: "微软雅黑";
|
font-family: "微软雅黑";
|
||||||
}
|
}
|
||||||
|
@ -118,21 +118,66 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
LoadBaiduMapScript().then((BMap)=>{
|
LoadBaiduMapScript().then((BMap) => {
|
||||||
// 百度地图API功能
|
// 百度地图API功能
|
||||||
|
function SquareOverlay(center, length, color) {
|
||||||
|
this._center = center;
|
||||||
|
this._length = length;
|
||||||
|
this._color = color;
|
||||||
|
}
|
||||||
var map = new BMap.Map("allmap"); // 创建Map实例
|
var map = new BMap.Map("allmap"); // 创建Map实例
|
||||||
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
|
|
||||||
//添加地图类型控件
|
map.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
|
||||||
map.addControl(new BMap.MapTypeControl({
|
//添加地图类型控件
|
||||||
mapTypes: [
|
|
||||||
BMAP_NORMAL_MAP,
|
// 继承API的BMap.Overlay
|
||||||
BMAP_HYBRID_MAP
|
SquareOverlay.prototype = new BMap.Overlay();
|
||||||
]
|
SquareOverlay.prototype.initialize = function (map) {
|
||||||
}));
|
// 保存map对象实例
|
||||||
map.setCurrentCity("成都"); // 设置地图显示的城市 此项是必须设置的
|
this._map = map;
|
||||||
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
// 创建div元素,作为自定义覆盖物的容器
|
||||||
})
|
var div = document.createElement("div");
|
||||||
|
div.style.position = "absolute";
|
||||||
|
// 可以根据参数设置元素外观
|
||||||
|
div.style.width = this._length + "px";
|
||||||
|
div.style.height = this._length + "px";
|
||||||
|
div.style.background = this._color;
|
||||||
|
// 将div添加到覆盖物容器中
|
||||||
|
map.getPanes().markerPane.appendChild(div);
|
||||||
|
// 保存div实例
|
||||||
|
this._div = div;
|
||||||
|
// 需要将div元素作为方法的返回值,当调用该覆盖物的show、
|
||||||
|
// hide方法,或者对覆盖物进行移除时,API都将操作此元素。
|
||||||
|
return div;
|
||||||
|
}
|
||||||
|
SquareOverlay.prototype.draw = function(){
|
||||||
|
// 根据地理坐标转换为像素坐标,并设置给容器
|
||||||
|
var position = this._map.pointToOverlayPixel(this._center);
|
||||||
|
this._div.style.left = position.x - this._length / 2 + "px";
|
||||||
|
this._div.style.top = position.y - this._length / 2 + "px";
|
||||||
|
}
|
||||||
|
SquareOverlay.prototype.show = function(){
|
||||||
|
if (this._div){
|
||||||
|
this._div.style.display = "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 实现隐藏方法
|
||||||
|
SquareOverlay.prototype.hide = function(){
|
||||||
|
if (this._div){
|
||||||
|
this._div.style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
map.addControl(new BMap.MapTypeControl({
|
||||||
|
mapTypes: [
|
||||||
|
BMAP_NORMAL_MAP,
|
||||||
|
BMAP_HYBRID_MAP
|
||||||
|
]
|
||||||
|
}));
|
||||||
|
|
||||||
|
map.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
|
||||||
|
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
||||||
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -340,7 +340,7 @@ $(function(){
|
||||||
$(e.target).next().css('display','inline')
|
$(e.target).next().css('display','inline')
|
||||||
console.log($(e.target).next().attr("class"));
|
console.log($(e.target).next().attr("class"));
|
||||||
if ($(e.target).next().attr("class")!="upImg") {
|
if ($(e.target).next().attr("class")!="upImg") {
|
||||||
console.log(123);
|
|
||||||
$(".uptoux").attr('src',$filePath);
|
$(".uptoux").attr('src',$filePath);
|
||||||
$(".ty_topimgtx").css("display","block")
|
$(".ty_topimgtx").css("display","block")
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue