102 lines
138 KiB
HTML
102 lines
138 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>华测测试</title>
|
||
|
|
<style>
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#map {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup {
|
||
|
|
position: absolute;
|
||
|
|
background-color: white;
|
||
|
|
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
|
||
|
|
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 10px;
|
||
|
|
border: 1px solid #cccccc;
|
||
|
|
bottom: 12px;
|
||
|
|
left: -50px;
|
||
|
|
min-width: 280px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup:after,
|
||
|
|
.ol-popup:before {
|
||
|
|
top: 100%;
|
||
|
|
border: solid transparent;
|
||
|
|
content: " ";
|
||
|
|
height: 0;
|
||
|
|
width: 0;
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup:after {
|
||
|
|
border-top-color: white;
|
||
|
|
border-width: 10px;
|
||
|
|
left: 48px;
|
||
|
|
margin-left: -10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup:before {
|
||
|
|
border-top-color: #cccccc;
|
||
|
|
border-width: 11px;
|
||
|
|
left: 48px;
|
||
|
|
margin-left: -11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup-closer {
|
||
|
|
text-decoration: none;
|
||
|
|
position: absolute;
|
||
|
|
top: 2px;
|
||
|
|
right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ol-popup-closer:after {
|
||
|
|
content: "✖";
|
||
|
|
}
|
||
|
|
|
||
|
|
.rotate-edit {
|
||
|
|
top: 65px;
|
||
|
|
left: .5em;
|
||
|
|
}
|
||
|
|
.ol-touch .rotate-edit {
|
||
|
|
top: 80px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<link rel="stylesheet" href="huace.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="map"></div>
|
||
|
|
<div id="popup" class="ol-popup">
|
||
|
|
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
|
||
|
|
<div id="popup-content"></div>
|
||
|
|
</div>
|
||
|
|
<div id="popupName" class="ol-popup">
|
||
|
|
<div id="name-content"></div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="huace.js"></script>
|
||
|
|
<script>
|
||
|
|
//var biMap = parcelRequire('huace.js')
|
||
|
|
var pts=[[121.3451336,37.44953442],[121.3451336,37.44953443],[121.3451336,37.44953445],[121.3451336,37.44953444],[121.3451336,37.44953441],[121.3451336,37.44953442],[121.3451336,37.44953442],[121.3451336,37.44953444],[121.3451336,37.44953444],[121.3451336,37.44953444],[121.3451336,37.44953442],[121.3451336,37.44953444],[121.3451336,37.44953444],[121.3451336,37.44953444],[121.3451336,37.44953443],[121.3451336,37.44953442],[121.3451336,37.44953442],[121.3451335,37.44953438],[121.3451327,37.44953434],[121.3451287,37.44953426],[121.3451175,37.44953281],[121.3451024,37.4495274],[121.3450884,37.44951692],[121.3450813,37.44950106],[121.3450841,37.44948112],[121.3450963,37.44946435],[121.3451141,37.44945143],[121.3451373,37.44944344],[121.3451641,37.44943989],[121.3451944,37.4494404],[121.3452284,37.44944375],[121.3452608,37.44945069],[121.345294,37.44946191],[121.3453286,37.44948048],[121.3453566,37.44950402],[121.3453791,37.44953039],[121.3453994,37.44955512],[121.3454175,37.44957366],[121.3454327,37.44959145],[121.3454447,37.44961138],[121.3454527,37.44963807],[121.3454531,37.44966637],[121.3454536,37.44969226],[121.3454567,37.44971664],[121.3454612,37.44973508],[121.3454669,37.44975082],[121.3454759,37.44976663],[121.3454882,37.44977945],[121.3455037,37.44979088],[121.3455219,37.44980256],[121.3455401,37.44981145],[121.3455651,37.44982024],[121.3455958,37.44982594],[121.3456278,37.44982576],[121.3456542,37.44982017],[121.3456725,37.44981395],[121.3456949,37.4498034],[121.3457205,37.44978641],[121.3457388,37.44976947],[121.3457507,37.44975461],[121.3457598,37.44973977],[121.3457695,37.44971921],[121.3457776,37.4496949],[121.345783,37.44966267],[121.345784,37.44962194],[121.3457829,37.44958243],[121.3457811,37.44954423],[121.3457791,37.4495083],[121.3457774,37.44947703],[121.3457764,37.44944955],[121.345778,37.44942523],[121.3457877,37.44940344],[121.3458112,37.44938693],[121.3458413,37.44938376],[121.3458693,37.44939576],[121.3458884,37.44942644],[121.345892,37.44947069],[121.3458927,37.44952408],[121.3458985,37.44958447],[121.3459063,37.44964937],[121.3459142,37.44971815],[121.3459223,37.44979102],[121.3459298,37.44986856],[121.3459362,37.44995189],[121.3459418,37.45004004],[121.3459483,37.45014569],[121.3459545,37.45023609],[121.3459619,37.45033423],[121.3459709,37.45044293],[121.3459815,37.45055928],[121.3459919,37.45067638],[121.3460019,37.45079559],[121.3460128,37.4509198],[121.3460249,37.45104837],[121.3460367,37.45117999],[121.3460479,37.45131388],[121.3460591,37.45144744],[121.3460706,37.45157892],[121.3460836,37.45170807],[121.3460968,37.45183686],[121.3461092,37.45196563],[121.3461221,37.45209369],[121.346138,37.45221978],[121.3461553,37.45234348],[121.3461716,37.45246514],[121.3461852,37.45257911],[121.3461941,37.45267954],[121.346204,37.45276669],[121.3462239,37.45284044],[121.3462542,37.45289788],[121.3462954,37.45294282],[121.3463446,37.4529824],[121.3464084,37.45301755],[121.3464889,37.45304449],[121.3465849,37.45306605],[121.3466948,37.45308621],[121.3468179,37.45310201],[121.3469545,37.45311127],[121.3471037,37.45311509],[121.3472648,37.45311579],[121.3474372,37.45311615],[121.3476169,37.45311712],[121.3477956,37.4531192],[121.3479729,37.45312147],[121.3481546,37.45312384],[121.3483411,37.45312653],[121.3485315,37.45312986],[121.3487249,37.45313129],[121.3489216,37.45313087],[121.3491211,37.45312841],[121.3493224,37.4531246],[121.3495259,37.45312239],[121.349731,37.45312199],[121.3499374,37.45312242],[121.3501441,37.4531221],[121.350348,37.45312145],[121.3505481,37.45312034],[121.3507453,37.45311572],[121.3509395,37.45310693],[121.3511301,37.45309831],[121.3513169,37.45308863],[121.3515013,37.45307653],[121.3516847,37.4530649],[121.3518659,37.45305651],[121.3520428,37.45305168],[121.3522151,37.45304746],[121.3523828,37.45304253],[121.352544,37.45303847],[121.3526944,37.45303526],[121.3528328,37.45303174],[121.3529658,37.45302795],[121.3530953,37.45302619],[121.353225,37.45303399],[121.3533571,37.45304512],[121.3534975,37.45305297],[121.3536495,37.45305786],[121.3538109,37.45306374],[121.3539784,37.45306895]
|
||
|
|
for(var i=0;i<pts.length-1;++i)
|
||
|
|
biMap.addArrow({name:""+(i+1),info:"",from:pts[i],to:pts[i+1]})
|
||
|
|
biMap.map.getView().setZoom(14);
|
||
|
|
biMap.setCenter([121.3451336,37.44953442]);
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|