parent
626982692b
commit
76c6dcff42
@ -1,208 +1,237 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
|
||||
/>
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
||||
<link
|
||||
href="./lib/Cesium/Widgets/widgets.css"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
|
||||
<script src="./lib/Cesium/Cesium.js" type="text/javascript"></script>
|
||||
<script src="./lib/turf.min.js" type="text/javascript"></script>
|
||||
|
||||
<!--引入mars3d库lib-->
|
||||
<link href="./lib/mars3d/mars3d.css" rel="stylesheet" type="text/css" />
|
||||
<script src="./lib/mars3d/mars3d.js" type="text/javascript"></script>
|
||||
|
||||
<script
|
||||
src="./lib/mars3d/plugins/echarts/echarts.min.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
|
||||
<script
|
||||
src="./lib/mars3d/plugins/echarts/mars3d-echarts.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
|
||||
<script src="./lib/localforage.js" type="text/javascript"></script>
|
||||
<script src="./lib/CesiumNetworkPlug.js" type="text/javascript"></script>
|
||||
<title><%= webpackConfig.name %></title>
|
||||
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.chromeframe {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
#loader-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
#loader {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin: -75px 0 0 -75px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-webkit-animation: spin 2s linear infinite;
|
||||
-ms-animation: spin 2s linear infinite;
|
||||
-moz-animation: spin 2s linear infinite;
|
||||
-o-animation: spin 2s linear infinite;
|
||||
animation: spin 2s linear infinite;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#loader:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-webkit-animation: spin 3s linear infinite;
|
||||
-moz-animation: spin 3s linear infinite;
|
||||
-o-animation: spin 3s linear infinite;
|
||||
-ms-animation: spin 3s linear infinite;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
#loader:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-moz-animation: spin 1.5s linear infinite;
|
||||
-o-animation: spin 1.5s linear infinite;
|
||||
-ms-animation: spin 1.5s linear infinite;
|
||||
-webkit-animation: spin 1.5s linear infinite;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#loader-wrapper .loader-section {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 51%;
|
||||
height: 100%;
|
||||
background: #7171C6;
|
||||
z-index: 1000;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-left {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-right {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 0.3s 1s ease-out;
|
||||
transition: all 0.3s 1s ease-out;
|
||||
}
|
||||
|
||||
.no-js #loader-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-js h1 {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title {
|
||||
font-family: 'Open Sans';
|
||||
color: #FFF;
|
||||
font-size: 19px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
z-index: 9999999999999;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
opacity: 1;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title span {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
color: #FFF;
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
<!--[if lt IE 11
|
||||
]><script>
|
||||
window.location.href = "/html/ie.html";
|
||||
</script><!
|
||||
[endif]-->
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.chromeframe {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
#loader-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
#loader {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin: -75px 0 0 -75px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #fff;
|
||||
-webkit-animation: spin 2s linear infinite;
|
||||
-ms-animation: spin 2s linear infinite;
|
||||
-moz-animation: spin 2s linear infinite;
|
||||
-o-animation: spin 2s linear infinite;
|
||||
animation: spin 2s linear infinite;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#loader:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #fff;
|
||||
-webkit-animation: spin 3s linear infinite;
|
||||
-moz-animation: spin 3s linear infinite;
|
||||
-o-animation: spin 3s linear infinite;
|
||||
-ms-animation: spin 3s linear infinite;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
#loader:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #fff;
|
||||
-moz-animation: spin 1.5s linear infinite;
|
||||
-o-animation: spin 1.5s linear infinite;
|
||||
-ms-animation: spin 1.5s linear infinite;
|
||||
-webkit-animation: spin 1.5s linear infinite;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 51%;
|
||||
height: 100%;
|
||||
background: #7171c6;
|
||||
z-index: 1000;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-left {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-right {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.loaded #loader {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 0.3s 1s ease-out;
|
||||
transition: all 0.3s 1s ease-out;
|
||||
}
|
||||
|
||||
.no-js #loader-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-js h1 {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title {
|
||||
font-family: "Open Sans";
|
||||
color: #fff;
|
||||
font-size: 19px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
z-index: 9999999999999;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
opacity: 1;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title span {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<div id="loader-wrapper">
|
||||
<div id="loader"></div>
|
||||
<div class="loader-section section-left"></div>
|
||||
<div class="loader-section section-right"></div>
|
||||
<div class="load_title">正在加载系统资源，请耐心等待</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="loader-wrapper">
|
||||
<div id="loader"></div>
|
||||
<div class="loader-section section-left"></div>
|
||||
<div class="loader-section section-right"></div>
|
||||
<div class="load_title">正在加载系统资源，请耐心等待</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,313 +0,0 @@
|
||||
{
|
||||
"type": "FeatureCollection",
|
||||
"crs": {
|
||||
"type": "name",
|
||||
"properties": {
|
||||
"name": "EPSG:4490"
|
||||
}
|
||||
},
|
||||
"features": [
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 202,
|
||||
"geometry": {
|
||||
"type": "Polygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[121.15210206300003, 31.453490119000094],
|
||||
[121.15130613400015, 31.45483670700014],
|
||||
[121.15030696000008, 31.456521351000049],
|
||||
[121.14706991800017, 31.454924208000193],
|
||||
[121.14324918900013, 31.45304202400024],
|
||||
[121.14528287800022, 31.450400786000159],
|
||||
[121.1461368790001, 31.449216880000108],
|
||||
[121.14660267700015, 31.448841845000061],
|
||||
[121.1493941870001, 31.450028493000218],
|
||||
[121.15117412200004, 31.450787285000104],
|
||||
[121.15124973500019, 31.450653987000067],
|
||||
[121.1532992880002, 31.451514098000075],
|
||||
[121.15330743900006, 31.451544017000174],
|
||||
[121.15250676300013, 31.452819680000118],
|
||||
[121.15210206300003, 31.453490119000094]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 201,
|
||||
"Id": 202,
|
||||
"name": "大庆锦绣新城"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 215,
|
||||
"properties": {
|
||||
"FID": 231,
|
||||
"Id": 215,
|
||||
"name": "景瑞·荣御蓝湾"
|
||||
},
|
||||
"geometry": {
|
||||
"type": "Polygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[121.14371380584339, 31.460461572031647],
|
||||
[121.14702601556337, 31.455255311350925],
|
||||
[121.15022401115527, 31.456816237770738],
|
||||
[121.14697842634337, 31.46223189101994],
|
||||
[121.14371380584339, 31.460461572031647]
|
||||
]
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 235,
|
||||
"geometry": {
|
||||
"type": "Polygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[121.08689169600007, 31.469446161000064],
|
||||
[121.08679089200007, 31.469379570000058],
|
||||
[121.08766088700008, 31.468154330000061],
|
||||
[121.08837364100009, 31.467199571000037],
|
||||
[121.0886989060001, 31.466824578000057],
|
||||
[121.09114914800011, 31.468210549000048],
|
||||
[121.09357745900002, 31.469619566000063],
|
||||
[121.09148624200009, 31.47194227600005],
|
||||
[121.08689169600007, 31.469446161000064]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 238,
|
||||
"Id": 235,
|
||||
"name": "华盛六园"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 242,
|
||||
"properties": {
|
||||
"FID": 225,
|
||||
"Id": 242,
|
||||
"name": "星雨华府"
|
||||
},
|
||||
"geometry": {
|
||||
"type": "Polygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[121.12279891402805, 31.451721436414346],
|
||||
[121.12331740390771, 31.452040003075219],
|
||||
[121.12408569179644, 31.452512861528238],
|
||||
[121.12470258830108, 31.452893988241954],
|
||||
[121.12531929737979, 31.452327845565964],
|
||||
[121.12626502014109, 31.451461741968533],
|
||||
[121.12547674999021, 31.450947315995919],
|
||||
[121.1260359762196, 31.450347077116263],
|
||||
[121.12500371372785, 31.449677312470119],
|
||||
[121.12494091096249, 31.449662354657587],
|
||||
[121.12475474951661, 31.449689043304577],
|
||||
[121.12441000674728, 31.450051372156416],
|
||||
[121.12390550630934, 31.450573576700819],
|
||||
[121.12279891402805, 31.451721436414346]
|
||||
]
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 245,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.13567298958456, 31.454102406409948, 0],
|
||||
[121.13768475821482, 31.454661905928795, 0],
|
||||
[121.13907670620884, 31.45514106131147, 0],
|
||||
[121.14015895699522, 31.45555853531014, 0],
|
||||
[121.14214039978316, 31.45300449914922, 0],
|
||||
[121.14107437717665, 31.45254633383576, 0],
|
||||
[121.13844127068502, 31.45162250056609, 0],
|
||||
[121.13567298958456, 31.454102406409948, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 229,
|
||||
"Id": 245,
|
||||
"name": "高尔夫湖滨花苑"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 251,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.13478750396366, 31.4554114542002, 0],
|
||||
[121.13800290880931, 31.45706533280174, 0],
|
||||
[121.1385358975176, 31.456301828615167, 0],
|
||||
[121.13920674454972, 31.45662609333331, 0],
|
||||
[121.13988031553205, 31.455681185608626, 0],
|
||||
[121.13848990390939, 31.454984894100864, 0],
|
||||
[121.13564086372101, 31.454161945136057, 0],
|
||||
[121.13478750396366, 31.4554114542002, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 228,
|
||||
"Id": 251,
|
||||
"name": "世福园"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 248,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.12910044289922, 31.451999629749007, 0],
|
||||
[121.1335163778425, 31.454900251289484, 0],
|
||||
[121.13387411488705, 31.45502115967714, 0],
|
||||
[121.13505183479573, 31.453894050411556, 0],
|
||||
[121.1367634499105, 31.45226589209519, 0],
|
||||
[121.13755914025558, 31.45154599141533, 0],
|
||||
[121.13402259627087, 31.44996079650474, 0],
|
||||
[121.13332372310879, 31.449707498096036, 0],
|
||||
[121.13224567213331, 31.44945754835756, 0],
|
||||
[121.13005052215875, 31.451209814357746, 0],
|
||||
[121.12928936509174, 31.45185480022009, 0],
|
||||
[121.12910044289922, 31.451999629749007, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 230,
|
||||
"Id": 248,
|
||||
"name": "华侨花园"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 254,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.13337712525555, 31.4599390265864, 0],
|
||||
[121.13433252807067, 31.46049940365059, 0],
|
||||
[121.13560636225301, 31.4612421079844, 0],
|
||||
[121.13667649840896, 31.459857209704648, 0],
|
||||
[121.13660222255425, 31.45981491992953, 0],
|
||||
[121.1366219258422, 31.45977537507781, 0],
|
||||
[121.13661593417916, 31.45974023389423, 0],
|
||||
[121.13660080319006, 31.4596974191384, 0],
|
||||
[121.13659677651934, 31.459652119762985, 0],
|
||||
[121.13662457023656, 31.459591028573232, 0],
|
||||
[121.1346309182915, 31.45843238118359, 0],
|
||||
[121.13439275771833, 31.458707098456827, 0],
|
||||
[121.13439856151928, 31.458726732038407, 0],
|
||||
[121.13417547742985, 31.4589822268822, 0],
|
||||
[121.13411281956859, 31.459037661187136, 0],
|
||||
[121.13337712525555, 31.4599390265864, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 225,
|
||||
"Id": 254,
|
||||
"name": "碧桂园天珵"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 257,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.1346309182915, 31.45843238118359, 0],
|
||||
[121.13662457023656, 31.459591028573232, 0],
|
||||
[121.13665450784781, 31.459571077860772, 0],
|
||||
[121.13675295393595, 31.459540378264492, 0],
|
||||
[121.1368099534709, 31.459535100152895, 0],
|
||||
[121.13683066951084, 31.459521792924335, 0],
|
||||
[121.13685947594122, 31.459486939340177, 0],
|
||||
[121.13693089629705, 31.45952328917581, 0],
|
||||
[121.13814370947021, 31.457959191630987, 0],
|
||||
[121.13694638390011, 31.45734945191755, 0],
|
||||
[121.1364901969794, 31.457951209075937, 0],
|
||||
[121.13552176739715, 31.457394303700475, 0],
|
||||
[121.1346309182915, 31.45843238118359, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 225,
|
||||
"Id": 257,
|
||||
"name": "吴中锦绣朝阳"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 260,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.1310254406712, 31.458598471707873, 0],
|
||||
[121.13304914184576, 31.459759296020913, 0],
|
||||
[121.13570284420756, 31.45678196603628, 0],
|
||||
[121.13405432659054, 31.45582401657525, 0],
|
||||
[121.13200466980022, 31.45770566446173, 0],
|
||||
[121.1310254406712, 31.458598471707873, 0]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 225,
|
||||
"Id": 260,
|
||||
"name": "中南君樾阁"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "Feature",
|
||||
"id": 267,
|
||||
"geometry": {
|
||||
"type": "MultiPolygon",
|
||||
"coordinates": [
|
||||
[
|
||||
[
|
||||
[121.090062550702143, 31.480153267271167],
|
||||
[121.092243209269853, 31.47733104878057],
|
||||
[121.089840505197145, 31.476009361892121],
|
||||
[121.087443982342165, 31.478827408937555],
|
||||
[121.090062550702143, 31.480153267271167]
|
||||
]
|
||||
]
|
||||
]
|
||||
},
|
||||
"properties": {
|
||||
"FID": 238,
|
||||
"Id": 267,
|
||||
"name": "森茂汽车城"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
After Width: | Height: | Size: 6.0 KiB |
@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div class="map-container">
|
||||
<mars-map :url="configUrl" :options="options" @onload="onMapload" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MarsMap from "@/components/mars-work/mars-map.vue";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
const basePathUrl = window.basePathUrl || "";
|
||||
return {
|
||||
configUrl: basePathUrl + "lib/config/config.json",
|
||||
tiles3dLayer: null,
|
||||
map: null,
|
||||
};
|
||||
},
|
||||
props: {
|
||||
show: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
// 自定义参数
|
||||
options: Object,
|
||||
},
|
||||
|
||||
components: {
|
||||
MarsMap,
|
||||
},
|
||||
methods: {
|
||||
onMapload(map) {
|
||||
this.map = map;
|
||||
this.$emit("mapLoad", map);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.map-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue