.elementor-element-c1ffc63{
width: 100%
}
#primary{
margin-bottom: 0;
}
#main{
margin-bottom: 0;
}
.hentry{
margin-bottom: 0;
}
.my-map { margin: 0 auto; width: 100% !important; height: 640px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
!function(){
var infoWindow, map, level = 18,
center = {lng: 113.491461, lat: 23.4466},
features = [{"icon":"cir","color":"red","name":"Guangzhou Lihao Decoration Materials Co., LTD","desc":"Tel:+86 13922259777
Service hotline: +86 020-37410969
E-MAIL: gzsc168@163.com","lnglat":{"Q":23.44659986433733,"R":113.49146080210801,"lng":113.491461,"lat":23.4466},"offset":{"x":-9,"y":-31},"type":"Marker"}];
function loadFeatures(){
for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
data = features[i];
switch(data.type){
case "Marker":
feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
content: '
' });
break;
case "Polyline":
for(j = 0, jl = data.path.length, path = []; j < jl; j++){
path.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));
}
feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
break;
case "Polygon":
for(j = 0, jl = data.path.length, path = []; j < jl; j++){
path.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));
}
feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
fillColor: data.fillColor, fillOpacity: data.fillOpacity });
break;
default: feature = null;
}
if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
}
}
function mapFeatureClick(e){
if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true,isCustom: false}); }
var extData = e.target.getExtData();
infoWindow.setContent("
" + extData.name + "
" + extData.desc + "
");
infoWindow.open(map, e.lnglat);
}
function openInfo() {
//构建信息窗体中显示的内容
var info = [];
info.push(`
Guangzhou Lihao Decoration Materials Co., LTD
Tel: +86 13922259777
Service hotline: +86 020-37410969
E-MAIL: lipingnie777@gmail.com
`);
infoWindow = new AMap.InfoWindow({
content: info.join("") //使用默认信息窗体框样式，显示信息内容
});
infoWindow.open(map, map.getCenter());
}
map = new AMap.Map("mapContainer", {center: new AMap.LngLat(center.lng, center.lat), level: level, keyboardEnable:true, dragEnable:true, scrollWheel:true, doubleClickZoom:true,
lang: "en" ,
doubleClickZoom:true});
loadFeatures();
openInfo();
map.on('complete', function(){
map.plugin(["AMap.OverView", "AMap.Scale"], function(){
map.addControl(new AMap.OverView({isOpen: true})); map.addControl(new AMap.Scale);
});
})
}();
