Skip to content

Commit 1c39919

Browse files
deyihudeyihu
committed
init
1 parent a99b314 commit 1c39919

File tree

12 files changed

+21003
-0
lines changed

12 files changed

+21003
-0
lines changed

‎.eslintignore

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
src/vendor
2+
dist
3+
src/libs
4+
build.js
5+
ftp.js
6+
clean.js
7+
siteclean.js
8+
gulpfile.js
9+
src/lib
10+
src/data
11+

‎.eslintrc.js

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
module.exports = {
2+
"env": {
3+
"browser": true,
4+
"es6": true,
5+
"node": true
6+
},
7+
"extends": "standard",
8+
"globals": {
9+
"Atomics": "readonly",
10+
"SharedArrayBuffer": "readonly",
11+
"AMap": true,
12+
"mapboxgl": true,
13+
"TMap": true
14+
},
15+
"parserOptions": {
16+
"ecmaVersion": 2018,
17+
"sourceType": "module"
18+
},
19+
"rules": {
20+
"no-console": "off",
21+
"no-inner-declarations": "off",
22+
"semi": ["error", "always"],
23+
"indent": 0,
24+
"padded-blocks": 0,
25+
"space-before-function-paren": 0,
26+
"no-var": 1,
27+
"dot-notation": 0,
28+
"one-var": 0,
29+
"new-cap": 0,
30+
"quote-props": 0,
31+
"camelcase": 0,
32+
"wrap-iife": 0
33+
}
34+
};

‎demo/base-spatial.html

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<title>maps sync control</title>
6+
<style type="text/css">
7+
html,
8+
body {
9+
margin: 0px;
10+
height: 100%;
11+
width: 100%
12+
}
13+
14+
.container {
15+
width: 100%;
16+
height: 100%;
17+
18+
/* display: flex;
19+
flex-direction: row; */
20+
21+
}
22+
23+
.flex {
24+
display: flex;
25+
}
26+
27+
.map {
28+
width: 50%;
29+
height: 100%;
30+
}
31+
32+
.panel {
33+
width: 400px;
34+
height: 100%;
35+
36+
}
37+
38+
.map-container {
39+
width: calc(100% - 400px);
40+
}
41+
</style>
42+
<link rel="stylesheet" href="https://unpkg.com/maptalks/dist/maptalks.css">
43+
<script type="text/javascript" src="https://unpkg.com/maptalks/dist/maptalks.min.js"></script>
44+
<script src="../dist/maptalks.query.js"></script>
45+
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script>
46+
<script src="https://unpkg.com/maptalks.mapsync/dist/maptalks.mapsync.js"></script>
47+
<script src="https://cdn.jsdelivr.net/npm/jsts@2.11.3/dist/jsts.min.js"></script>
48+
49+
<!-- <script type="text/javascript" src="https://unpkg.com/split.js@1.6.5/dist/split.min.js"></script> -->
50+
51+
<body>
52+
53+
<div class="container flex">
54+
<div class="panel" id="app">
55+
<div class="flex">
56+
<!-- <input type="text" v-model="keywords" /><button @click="search">search</button><button
57+
@click="clear">clear</button> -->
58+
</div>
59+
</div>
60+
<div class="map-container flex">
61+
<div class="map" id="map1"></div>
62+
<div class="map" id="map2"></div>
63+
</div>
64+
</div>
65+
<script src="./base.js"></script>
66+
<script>
67+
68+
maptalks.injectJSTS(jsts);
69+
layer = new maptalks.VectorLayer('layer', {
70+
forceRenderOnMoving: true,
71+
forceRenderOnZooming: true,
72+
forceRenderOnRotating: true,
73+
progressiveRender: true,
74+
progressiveRenderCount: 1000
75+
}).addTo(map1);
76+
77+
78+
79+
maptalks.GeoJSON.fetch('./pois.geojson').then(geojson => {
80+
maptalks.GeoJSON.toGeometryAsync(geojson, geo => {
81+
geo.setSymbol(symbol);
82+
}).then(points => {
83+
layer.addGeometry(points);
84+
initDrawTool();
85+
})
86+
})
87+
88+
</script>
89+
</body>
90+
91+
</html>

‎demo/base.html

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<meta charset="UTF-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<title>maps sync control</title>
6+
<style type="text/css">
7+
html,
8+
body {
9+
margin: 0px;
10+
height: 100%;
11+
width: 100%
12+
}
13+
14+
.container {
15+
width: 100%;
16+
height: 100%;
17+
18+
/* display: flex;
19+
flex-direction: row; */
20+
21+
}
22+
23+
.flex {
24+
display: flex;
25+
}
26+
27+
.map {
28+
width: 50%;
29+
height: 100%;
30+
}
31+
32+
.panel {
33+
width: 400px;
34+
height: 100%;
35+
36+
}
37+
38+
.map-container {
39+
width: calc(100% - 400px);
40+
}
41+
</style>
42+
<link rel="stylesheet" href="https://unpkg.com/maptalks/dist/maptalks.css">
43+
<script type="text/javascript" src="https://unpkg.com/maptalks/dist/maptalks.min.js"></script>
44+
<script src="../dist/maptalks.query.js"></script>
45+
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script>
46+
<script src="https://unpkg.com/maptalks.mapsync/dist/maptalks.mapsync.js"></script>
47+
48+
<!-- <script type="text/javascript" src="https://unpkg.com/split.js@1.6.5/dist/split.min.js"></script> -->
49+
50+
<body>
51+
52+
<div class="container flex">
53+
<div class="panel" id="app">
54+
<div class="flex">
55+
<input type="text" v-model="keywords" /><button @click="search">search</button><button
56+
@click="clear">clear</button>
57+
</div>
58+
</div>
59+
<div class="map-container flex">
60+
<div class="map" id="map1"></div>
61+
<div class="map" id="map2"></div>
62+
</div>
63+
</div>
64+
<script src="./base.js"></script>
65+
<script>
66+
67+
68+
layer = new maptalks.VectorLayer('layer', {
69+
forceRenderOnMoving: true,
70+
forceRenderOnZooming: true,
71+
forceRenderOnRotating: true,
72+
progressiveRender: true,
73+
progressiveRenderCount: 1000
74+
}).addTo(map1);
75+
76+
77+
78+
maptalks.GeoJSON.fetch('./pois.geojson').then(geojson => {
79+
maptalks.GeoJSON.toGeometryAsync(geojson, geo => {
80+
geo.setSymbol(symbol);
81+
}).then(points => {
82+
layer.addGeometry(points);
83+
})
84+
})
85+
86+
</script>
87+
</body>
88+
89+
</html>

0 commit comments

Comments
 (0)