Compare commits

...

2 Commits

Author SHA1 Message Date
tangyi b196907583 修改细节 2021-09-22 16:15:40 +08:00
tangyi 7936d33506 修改细节 2021-09-22 16:13:07 +08:00
2 changed files with 60 additions and 15 deletions

View File

@ -20,7 +20,7 @@
#allmap {
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅黑";
}
@ -118,21 +118,66 @@
});
}
LoadBaiduMapScript().then((BMap)=>{
LoadBaiduMapScript().then((BMap) => {
// 百度地图API功能
function SquareOverlay(center, length, color) {
this._center = center;
this._length = length;
this._color = color;
}
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("成都"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
})
map.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
// 继承API的BMap.Overlay
SquareOverlay.prototype = new BMap.Overlay();
SquareOverlay.prototype.initialize = function (map) {
// 保存map对象实例
this._map = map;
// 创建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>

View File

@ -359,7 +359,7 @@ $(function(){
$(e.target).next().css('display','inline')
console.log($(e.target).next().attr("class"));
if ($(e.target).next().attr("class")!="upImg") {
console.log(123);
$(".uptoux").attr('src',$filePath);
$(".ty_topimgtx").css("display","block")
}