高德地图海量点

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MMCUAV </title>
<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
<script src="https://webapi.amap.com/maps?v=1.4.8&key=0c6ae2eaf06b068e46fc1235194f6fb8"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new AMap.Map('container', {
resizeEnable: true,
center: [113.369518,33.081542],
zoom: 14
});
var style = [{
url:'https://a.amap.com/jsapi_demos/static/images/mass0.png'",
anchor: new AMap.Pixel(6, 6),
size: new AMap.Size(5, 5)
		}
];
var data = [
{lnglat: [113.369518,33.081542], name: 'seu',	id:1,style: 0},
{lnglat: [113.369518,33.081542], name: 'seu',	id:1,style: 0},
{lnglat: [113.369518,33.081542], name: 'seu',	id:1,style: 0},
{lnglat: [113.376221,33.098241], name: 'seu',	id:1,style: 0},
{lnglat: [113.376209,33.098203], name: 'seu',	id:1,style: 0},
{lnglat: [113.376197,33.098166], name: 'seu',	id:1,style: 0},
{lnglat: [113.376184,33.098129], name: 'seu',	id:1,style: 0},
{lnglat: [113.376174,33.098090], name: 'seu',	id:1,style: 0},
{lnglat: [113.376161,33.098054], name: 'seu',	id:1,style: 0},
{lnglat: [113.376150,33.098016], name: 'seu',	id:1,style: 0},
{lnglat: [113.376138,33.097979], name: 'seu',	id:1,style: 0},
{lnglat: [113.376126,33.097942], name: 'seu',	id:1,style: 0},
{lnglat: [113.376115,33.097903], name: 'seu',	id:1,style: 0},
{lnglat: [113.376102,33.097867], name: 'seu',	id:1,style: 0},
{lnglat: [113.376092,33.097827], name: 'seu',	id:1,style: 0},
{lnglat: [113.376080,33.097791], name: 'seu',	id:1,style: 0},
{lnglat: [113.376067,33.097754], name: 'seu',	id:1,style: 0},
{lnglat: [113.376056,33.097716], name: 'seu',	id:1,style: 0},
{lnglat: [113.376042,33.097679], name: 'seu',	id:1,style: 0},
{lnglat: [113.376032,33.097640], name: 'seu',	id:1,style: 0},
{lnglat: [113.376020,33.097602], name: 'seu',	id:1,style: 0},
{lnglat: [113.376006,33.097566], name: 'seu',	id:1,style: 0},
{lnglat: [113.375996,33.097527], name: 'seu',	id:1,style: 0},
{lnglat: [113.375982,33.097492], name: 'seu',	id:1,style: 0},
{lnglat: [113.375972,33.097453], name: 'seu',	id:1,style: 0},
{lnglat: [113.375961,33.097415], name: 'seu',	id:1,style: 0},
{lnglat: [113.375949,33.097377], name: 'seu',	id:1,style: 0},
{lnglat: [113.375939,33.097339], name: 'seu',	id:1,style: 0},
{lnglat: [113.375925,33.097304], name: 'seu',	id:1,style: 0},
{lnglat: [113.375913,33.097267], name: 'seu',	id:1,style: 0},
{lnglat: [113.375903,33.097228], name: 'seu',	id:1,style: 0},
{lnglat: [113.375891,33.097191], name: 'seu',	id:1,style: 0},
{lnglat: [113.375878,33.097155], name: 'seu',	id:1,style: 0},
{lnglat: [113.375866,33.097117], name: 'seu',	id:1,style: 0},
{lnglat: [113.375856,33.097078], name: 'seu',	id:1,style: 0},
{lnglat: [113.375842,33.097042], name: 'seu',	id:1,style: 0},
{lnglat: [113.375829,33.097005], name: 'seu',	id:1,style: 0},
{lnglat: [113.375818,33.096966], name: 'seu',	id:1,style: 0},
{lnglat: [113.375804,33.096930], name: 'seu',	id:1,style: 0},
{lnglat: [113.375793,33.096890], name: 'seu',	id:1,style: 0},
{lnglat: [113.375778,33.096855], name: 'seu',	id:1,style: 0},
{lnglat: [113.375768,33.096815], name: 'seu',	id:1,style: 0},
{lnglat: [113.375755,33.096778], name: 'seu',	id:1,style: 0},
{lnglat: [113.375742,33.096740], name: 'seu',	id:1,style: 0},
{lnglat: [113.375730,33.096702], name: 'seu',	id:1,style: 0},
{lnglat: [113.375718,33.096662], name: 'seu',	id:1,style: 0},
{lnglat: [113.375704,33.096626], name: 'seu',	id:1,style: 0},
{lnglat: [113.375693,33.096585], name: 'seu',	id:1,style: 0},
{lnglat: [113.375677,33.096549], name: 'seu',	id:1,style: 0},
{lnglat: [113.375666,33.096509], name: 'seu',	id:1,style: 0},
{lnglat: [113.375652,33.096473], name: 'seu',	id:1,style: 0},
{lnglat: [113.375640,33.096433], name: 'seu',	id:1,style: 0},
{lnglat: [113.375627,33.096395], name: 'seu',	id:1,style: 0},
{lnglat: [113.375616,33.096356], name: 'seu',	id:1,style: 0},
{lnglat: [113.375604,33.096317], name: 'seu',	id:1,style: 0},
{lnglat: [113.375591,33.096279], name: 'seu',	id:1,style: 0},
{lnglat: [113.375579,33.096241], name: 'seu',	id:1,style: 0},
{lnglat: [113.375568,33.096202], name: 'seu',	id:1,style: 0},
{lnglat: [113.375554,33.096165], name: 'seu',	id:1,style: 0},
{lnglat: [113.375541,33.096127], name: 'seu',	id:1,style: 0},
{lnglat: [113.375531,33.096087], name: 'seu',	id:1,style: 0},
{lnglat: [113.375519,33.096048], name: 'seu',	id:1,style: 0},
{lnglat: [113.375519,33.096048], name: 'seu',	id:1,style: 0},
{lnglat: [113.375519,33.096048], name: 'seu',	id:1,style: 0}
];
var mass = new AMap.MassMarks(data, {
opacity: 0.8,        zIndex: 111,        cursor: 'pointer',      style: style
});
mass.setMap(map);
</script>
</body>
</html>
猜你喜欢
