@using MES.Production.Service;
@using Central.Control.Domain;
@using Ant.Service.Common;
@using Ant.Service.Common.Enums;
@using MES.Production.Entity;
@model EntSYS_DISTRIBUTORS
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>经销商围栏信息</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
<script src="http://webapi.amap.com/maps?v=1.3&key=fa36ec6323075f37020083ceffe8eb24"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
</head>
<body>
<div id="container"></div>
<script>
var map = new AMap.Map('container', {
resizeEnable: true,
center: [@Model.Theodolite],
zoom: 13
});
var circle = new AMap.Circle({
center: new AMap.LngLat("@Model.Theodolite.Split(',')[0]", "@Model.Theodolite.Split(',')[1]"),// 圆心位置
radius: @(Model.FenceRadius/2), //半径
strokeColor: "#ff0000", //线颜色
strokeOpacity: 0.5, //线透明度
strokeWeight: 3, //线宽
fillColor: "#ff6699", //填充色
fillOpacity: 0.1//填充透明度
});
//声明一个list
var list = {
"size": 4,
"data": [
{ "x": 116.397428, "y": 39.921883 },
{ "x": 116.397428, "y": 39.920213 },
{ "x": 116.403322, "y": 39.922282 },
{ "x": 116.403322, "y": 39.920249 }
]
}
for (var j = 0, map; j < list.size; j++) {
var myObj = list.data[j];
var myLngLat = new AMap.LngLat(myObj.x, myObj.y);
console.log(circle.contains(myLngLat));
if (circle.contains(myLngLat)) {//如果点在圆内则输出
var marker = new AMap.Marker({
position: myLngLat,
map: map
});
}
}
circle.setMap(map);//显示圆圈
map.setFitView();//根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别
AMapUI.loadUI(['overlay/SimpleInfoWindow'], function (SimpleInfoWindow) {
var marker = new AMap.Marker({
map: map,
zIndex: 99999,
offset: new AMap.Pixel(-5, -20),//相对于基点的位置
//icon: new AMap.Icon({ //复杂图标
// size: new AMap.Size(14, 20),//图标大小
// image: "http://47.96.20.14:8086/Content/map/map-marker-icon.png", //大图地址
//})
//draggable: true, //是否可拖动
iconStyle: {
src: 'http://47.96.20.14:8086/Content/map/map-marker-icon.png',
style: {
width: '14px',
height: '20px'
}
},
});
var infoWindow = new SimpleInfoWindow({
infoTitle: '<strong>经销商地址：</strong>',
infoBody: '<p class="my-desc"><strong>@Model.Address<br/></strong></p>',
//基点指向marker的头部位置
offset: new AMap.Pixel(0, -31)
});
function openInfoWin() {
infoWindow.open(map, marker.getPosition());
}
//marker 点击时打开
AMap.event.addListener(marker, 'click', function () {
openInfoWin();
});
});
</script>
</body>
</html>
@*https:blog.csdn.net/dKnightL/article/details/74787775*@