219 lines
13 KiB
HTML
219 lines
13 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>广告牌小区坐标</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
|
||
|
|
<style type="text/css">
|
||
|
|
html,body{
|
||
|
|
margin:0;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
background:#ffffff;
|
||
|
|
}
|
||
|
|
#map{
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
#panel {
|
||
|
|
position: absolute;
|
||
|
|
top:30px;
|
||
|
|
left:10px;
|
||
|
|
z-index: 999;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
#login{
|
||
|
|
position:absolute;
|
||
|
|
width:300px;
|
||
|
|
height:40px;
|
||
|
|
left:50%;
|
||
|
|
top:50%;
|
||
|
|
margin:-40px 0 0 -150px;
|
||
|
|
}
|
||
|
|
#login input[type=password]{
|
||
|
|
width:200px;
|
||
|
|
height:30px;
|
||
|
|
padding:3px;
|
||
|
|
line-height:30px;
|
||
|
|
border:1px solid #000;
|
||
|
|
}
|
||
|
|
#login input[type=submit]{
|
||
|
|
width:80px;
|
||
|
|
height:38px;
|
||
|
|
display:inline-block;
|
||
|
|
line-height:38px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N"></script>
|
||
|
|
<script type="text/javascript" src="http://lbsyun.baidu.com/jsdemo/data/points-sample-data.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="map"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var map = new BMap.Map("map", {}); // 创建Map实例
|
||
|
|
map.centerAndZoom(new BMap.Point(121.7983079196,39.0527680975), 15); // 初始化地图,设置中心点坐标和地图级别 14是设置地图初始大小
|
||
|
|
map.enableScrollWheelZoom(); //启用滚轮放大缩小
|
||
|
|
if (document.createElement('canvas').getContext) { // 判断当前浏览器是否支持绘制海量点
|
||
|
|
var points = []; // 添加海量点数据
|
||
|
|
//for (var i = 0; i < data.data.length; i++) {
|
||
|
|
/* points.push(new BMap.Point(121.63 , 38.92));//放入海量点位置
|
||
|
|
points.push(new BMap.Point(121.60 , 38.92));//放入海量点位置
|
||
|
|
points.push(new BMap.Point(121.58 , 38.90));//放入海量点位置*/
|
||
|
|
points.push(new BMap.Point(121.7510706512,39.0564329193));//XS0002
|
||
|
|
points.push(new BMap.Point(121.7541012909,39.0560971061));//XS0004
|
||
|
|
points.push(new BMap.Point(121.7537204176,39.0570761005));//XS0001
|
||
|
|
points.push(new BMap.Point(121.7563543467,39.0589965566));//XS0006//XS0007
|
||
|
|
points.push(new BMap.Point(121.7559091000,39.0596755774));//XS0003
|
||
|
|
points.push(new BMap.Point(121.7529801277,39.0562637444));//XS0005
|
||
|
|
points.push(new BMap.Point(121.7747355457,39.0507299455));//HM0009
|
||
|
|
points.push(new BMap.Point(121.7744458671,39.0504633021));//HM0007
|
||
|
|
points.push(new BMap.Point(121.7760407782,39.0467672318));//HM0005
|
||
|
|
points.push(new BMap.Point(121.7731239654,39.0530149588));//HM0001
|
||
|
|
points.push(new BMap.Point(121.7779787630,39.0518400920));//HM0003
|
||
|
|
points.push(new BMap.Point(121.7710234879,39.0506038227));//HM0004
|
||
|
|
points.push(new BMap.Point(121.7720640655,39.0479218070));//HM0006
|
||
|
|
points.push(new BMap.Point(121.7732848971,39.0530191250));//HM0010-
|
||
|
|
points.push(new BMap.Point(121.7744780535,39.0468676847));//HM0011
|
||
|
|
points.push(new BMap.Point(121.7752697321,39.0538606842));//HM0012
|
||
|
|
points.push(new BMap.Point(121.7971392014,39.0500290925));//XQ0001-
|
||
|
|
points.push(new BMap.Point(121.7999555208,39.0499249335));//XQ0002
|
||
|
|
points.push(new BMap.Point(121.7992259593,39.0512623233));//XQ0003
|
||
|
|
points.push(new BMap.Point(121.7959517064,39.0521060447));//XQ0005
|
||
|
|
points.push(new BMap.Point(121.8007474962,39.0526476530));//XQ0004
|
||
|
|
points.push(new BMap.Point(121.8010949437,39.0759237904));//LW0003
|
||
|
|
points.push(new BMap.Point(121.8073702263,39.0762102570));//LW0002
|
||
|
|
points.push(new BMap.Point(121.7990779222,39.0751866119));//LW0001
|
||
|
|
points.push(new BMap.Point(121.7954301179,39.0765151936));//LW0004
|
||
|
|
points.push(new BMap.Point(121.7981337846,39.0753115580));//LW0005-
|
||
|
|
points.push(new BMap.Point(121.7738970491,39.0748848758));//XL0002
|
||
|
|
points.push(new BMap.Point(121.7829467205,39.0815663304));//XL0003
|
||
|
|
points.push(new BMap.Point(121.7872633189,39.0806374560));//XL0004
|
||
|
|
points.push(new BMap.Point(121.7849637410,39.083140488));//XL0006
|
||
|
|
points.push(new BMap.Point(121.7853643149,39.0805166840));//XL0007
|
||
|
|
points.push(new BMap.Point(121.7868663520,39.0801085571));//XL0005
|
||
|
|
points.push(new BMap.Point(121.7854179591,39.0805541652));//XL0010
|
||
|
|
points.push(new BMap.Point(121.7836584300,39.0807748857));//XL0011
|
||
|
|
points.push(new BMap.Point(121.8013522419,39.0507631265));//JQ0002
|
||
|
|
points.push(new BMap.Point(121.7983079196,39.0527680975));//JQ0004-
|
||
|
|
points.push(new BMap.Point(121.8022316187,39.0524086366));//JQ0005
|
||
|
|
points.push(new BMap.Point(121.8002420000,39.0528190000));//JQ0006
|
||
|
|
points.push(new BMap.Point(121.8029180000,39.0449530000));//DS0001
|
||
|
|
points.push(new BMap.Point(121.7911750000,39.0499160000));//DS0002
|
||
|
|
points.push(new BMap.Point(121.7966370000,39.0499580000));//DS0003
|
||
|
|
points.push(new BMap.Point(121.7947910000,39.0508440000));//DS0004//DS0007
|
||
|
|
points.push(new BMap.Point(121.7925400000,39.0510330000));//DS0005
|
||
|
|
points.push(new BMap.Point(121.7794990000,39.0427840000));//SL0001
|
||
|
|
points.push(new BMap.Point(121.7792420000,39.0441990000));//SL0002
|
||
|
|
points.push(new BMap.Point(121.7789460000,39.0539750000));//SL0004//0006
|
||
|
|
points.push(new BMap.Point(121.8079270000,39.0538060000));//YY0001
|
||
|
|
points.push(new BMap.Point(121.8090910000,39.0544570000));//YY0002
|
||
|
|
points.push(new BMap.Point(121.8079140000,39.0523630000));//YY0003
|
||
|
|
points.push(new BMap.Point(121.8051530000,39.0522800000));//YY0004
|
||
|
|
points.push(new BMap.Point(121.8089470000,39.0528290000));//YY0007
|
||
|
|
points.push(new BMap.Point(121.8033410000,39.0573380000));//YS0001
|
||
|
|
points.push(new BMap.Point(121.8071050000,39.0564660000));//YS0002
|
||
|
|
points.push(new BMap.Point(121.8063820000,39.0545750000));//YS0003
|
||
|
|
points.push(new BMap.Point(121.8050160000,39.0584240000));//YS0004
|
||
|
|
points.push(new BMap.Point(121.8038770000,39.0596230000));//YS0005
|
||
|
|
points.push(new BMap.Point(121.7832570000,39.0582030000));//CC0001
|
||
|
|
points.push(new BMap.Point(121.7833910000,39.0558080000));//CC0002
|
||
|
|
points.push(new BMap.Point(121.7862440000,39.0576710000));//CC0003
|
||
|
|
points.push(new BMap.Point(121.7851080000,39.0573840000));//CC0004
|
||
|
|
points.push(new BMap.Point(121.7860030000,39.0582260000));//CC0005
|
||
|
|
points.push(new BMap.Point(121.7864800000,39.0602870000));//CC0007
|
||
|
|
points.push(new BMap.Point(121.7886720000,39.0475140000));//SH0001
|
||
|
|
points.push(new BMap.Point(121.7819170000,39.0362590000));//SH0002
|
||
|
|
points.push(new BMap.Point(121.7817860000,39.0411090000));//SH0003
|
||
|
|
points.push(new BMap.Point(121.7886370000,39.0491530000));//SH0005
|
||
|
|
points.push(new BMap.Point(121.7850570000,39.0343580000));//SH0008
|
||
|
|
points.push(new BMap.Point(121.7817630000,39.0385350000));//SH0009
|
||
|
|
points.push(new BMap.Point(121.7817850000,39.0362370000));//SH0011
|
||
|
|
points.push(new BMap.Point(121.7827880000,39.0384520000));//SH0012
|
||
|
|
points.push(new BMap.Point(121.7845590000,39.0353950000));//SH0013
|
||
|
|
points.push(new BMap.Point(121.7798950000,39.0355590000));//SH0014
|
||
|
|
points.push(new BMap.Point(121.7821950000,39.0356650000));//SH0015
|
||
|
|
points.push(new BMap.Point(121.7642470000,39.0572360000));//SJ0001
|
||
|
|
points.push(new BMap.Point(121.7726940000,39.0616310000));//SJ0002
|
||
|
|
points.push(new BMap.Point(121.7713090000,39.0609320000));//SJ0003
|
||
|
|
points.push(new BMap.Point(121.7797280000,39.0599400000));//SJ0004
|
||
|
|
points.push(new BMap.Point(121.7643000000,39.0550670000));//SJ0005
|
||
|
|
points.push(new BMap.Point(121.7689730000,39.0617620000));//SJ0006
|
||
|
|
points.push(new BMap.Point(121.7732340000,39.0620180000));//SJ0007
|
||
|
|
points.push(new BMap.Point(121.7826210000,39.0637990000));//SJ0008
|
||
|
|
points.push(new BMap.Point(121.7656530000,39.0558650000));//SJ0009
|
||
|
|
points.push(new BMap.Point(121.7639950000,39.0571840000));//SJ0010
|
||
|
|
points.push(new BMap.Point(121.7666630000,39.0715800000));//SJ0012
|
||
|
|
points.push(new BMap.Point(121.8165350000,39.0685920000));//GY0001
|
||
|
|
points.push(new BMap.Point(121.8103680000,39.0681210000));//GY0003
|
||
|
|
points.push(new BMap.Point(121.8053170000,39.0680340000));//GY0005
|
||
|
|
points.push(new BMap.Point(121.8044710000,39.0704360000));//GY0007
|
||
|
|
points.push(new BMap.Point(121.7509170000,39.0412130000));//HR0002
|
||
|
|
points.push(new BMap.Point(121.7621810000,39.0408360000));//HR0004
|
||
|
|
points.push(new BMap.Point(121.8046860000,39.0235030000));//HR0005
|
||
|
|
points.push(new BMap.Point(121.7708380000,39.0408340000));//HR0006
|
||
|
|
points.push(new BMap.Point(121.7695980000,39.0398530000));//HR0007
|
||
|
|
points.push(new BMap.Point(121.7699750000,39.0405260000));//HR0009
|
||
|
|
points.push(new BMap.Point(121.7922510000,39.0523070000));//MX0001
|
||
|
|
points.push(new BMap.Point(116.7060580000,39.5501230000));//MX0002
|
||
|
|
points.push(new BMap.Point(121.7887080000,39.0525570000));//MX0004
|
||
|
|
points.push(new BMap.Point(121.7923550000,39.0519950000));//MX0005
|
||
|
|
points.push(new BMap.Point(121.7896000000,39.0531200000));//MX0006
|
||
|
|
points.push(new BMap.Point(121.7916190000,39.0532150000));//MX0007
|
||
|
|
points.push(new BMap.Point(121.7669700000,39.0497550000));//CZ0001
|
||
|
|
points.push(new BMap.Point(121.7693060000,39.0485200000));//CZ0002
|
||
|
|
points.push(new BMap.Point(121.7663770000,39.0455780000));//CZ0003
|
||
|
|
points.push(new BMap.Point(121.7705900000,39.0503620000));//CZ0004
|
||
|
|
points.push(new BMap.Point(121.7716090000,39.0512060000));//CZ0005
|
||
|
|
points.push(new BMap.Point(121.7688420000,39.0476210000));//CZ0006
|
||
|
|
points.push(new BMap.Point(121.7706550000,39.0473890000));//CZ0007
|
||
|
|
points.push(new BMap.Point(121.7683190000,39.0540210000));//CZ0008
|
||
|
|
points.push(new BMap.Point(121.7618630000,39.0539230000));//QS0001
|
||
|
|
points.push(new BMap.Point(121.7554380000,39.0496390000));//QS0002
|
||
|
|
points.push(new BMap.Point(121.7646460000,39.0495460000));//QS0003
|
||
|
|
points.push(new BMap.Point(121.7577890000,39.0509590000));//QS0004
|
||
|
|
points.push(new BMap.Point(121.7548050000,39.0494950000));//QS0005
|
||
|
|
points.push(new BMap.Point(121.7614000000,39.0513020000));//QS0006
|
||
|
|
points.push(new BMap.Point(121.7637480000,39.0499220000));//QS0007
|
||
|
|
points.push(new BMap.Point(121.7591880000,39.0514380000));//QS0008
|
||
|
|
points.push(new BMap.Point(121.7631470000,39.0488080000));//QS0010
|
||
|
|
points.push(new BMap.Point(121.7618270000,39.0488990000));//QS0012
|
||
|
|
points.push(new BMap.Point(121.7614770000,39.0490280000));//QS0014
|
||
|
|
points.push(new BMap.Point(121.7624360000,39.0471900000));//QS0015
|
||
|
|
points.push(new BMap.Point(121.7548900000,39.0491830000));//QS0016
|
||
|
|
points.push(new BMap.Point(121.7629440000,39.0464860000));//QS0017
|
||
|
|
points.push(new BMap.Point(121.7562680000,39.0470380000));//QS0018
|
||
|
|
points.push(new BMap.Point(121.7693870000,39.0462650000));//QS0019
|
||
|
|
points.push(new BMap.Point(121.7629750000,39.0461600000));//QS0021
|
||
|
|
points.push(new BMap.Point(121.8063120000,39.0323330000));//QS0022
|
||
|
|
points.push(new BMap.Point(121.7605930000,39.0471230000));//QS0023
|
||
|
|
points.push(new BMap.Point(121.7511620000,39.0498930000));//QS0024
|
||
|
|
points.push(new BMap.Point(121.7554250000,39.0461120000));//QS0025
|
||
|
|
// }
|
||
|
|
var options = {
|
||
|
|
size: BMAP_POINT_SIZE_SMALL,
|
||
|
|
shape: BMAP_POINT_SHAPE_WATERDROP,
|
||
|
|
color: '#d340c3'
|
||
|
|
}
|
||
|
|
var pointCollection = new BMap.PointCollection(points, options); // 初始化PointCollection
|
||
|
|
pointCollection.addEventListener('click', function (e) {
|
||
|
|
//alert('单击点的坐标为：' + e.point.lng + ',' + e.point.lat); // 监听点击事件
|
||
|
|
var str2=e.point.lng;
|
||
|
|
var str1=e.point.lat;
|
||
|
|
if(str1 ==='121.7510706512' & str2==='39.0564329193')//进行判断是否是这个坐标
|
||
|
|
{
|
||
|
|
alert("研发中....");//这里写这个坐标的位置
|
||
|
|
}else if(str1 ==='121.7510706512' & str2==='39.0564329193'){//如果第一个不对接着判断这个。。。。
|
||
|
|
alert("研发中........");
|
||
|
|
}else{
|
||
|
|
//这个不用添加任何东西
|
||
|
|
alert("开发中......");
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
map.addOverlay(pointCollection); // 添加Overlay
|
||
|
|
} else {
|
||
|
|
alert('请在chrome、safari、IE8+以上浏览器查看本示例');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|