Skip to content

Commit 796a31d

Browse files
zhurczhurc
committed
打开站点首页地图交互事件 & mapbox gl图层添加版权信息
1 parent 88957b6 commit 796a31d

9 files changed

+144
-96
lines changed

‎examples/mapboxgl/01_tiledMapLayer.html‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset='utf-8'/>
55
<title></title>
66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,12 +24,17 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution = "<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
var map = new mapboxgl.Map({
2832
container: 'map', // container id
2933
style: {
3034
"version": 8,
3135
"sources": {
3236
"raster-tiles": {
37+
"attribution": attribution,
3338
"type": "raster",
3439
"tiles": ['http://support.supermap.com.cn:8090/iserver/services/map-china400/rest/maps/China/zxyTileImage.png?z={z}&x={x}&y={y}'],
3540
"tileSize": 256
@@ -46,7 +51,7 @@
4651
center: [120.143, 30.236], // starting position
4752
zoom: 3 // starting zoom
4853
});
49-
map.addControl(new mapboxgl.NavigationControl(),'top-left');
54+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
5055

5156
</script>
5257

‎examples/mapboxgl/mvtVectorTile.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution = "<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution": attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-China100/rest/maps/China/tileFeature.mvt?_cache=false&returnAttributes=true&width=512&height=512&viewBounds={bbox-epsg-3857}"]
3641
},
@@ -42,7 +47,7 @@
4247
center: [120.143, 30.236], // starting position
4348
zoom: 0 // starting zoom
4449
});
45-
map.addControl(new mapboxgl.NavigationControl(),'top-left');
50+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
4651

4752
map.on('load', function () {
4853
map.addLayer({
@@ -801,7 +806,7 @@
801806
"text-opacity": 1,
802807
"text-halo-color": "hsl(0, 0%, 100%)",
803808
"text-halo-width": 1,
804-
"icon-color":"#ff0000",
809+
"icon-color": "#ff0000",
805810
"icon-opacity": {
806811
"base": 1,
807812
"stops": [

‎examples/mapboxgl/mvtVectorTile_Beijing.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
8-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
7+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
8+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
99

1010
<style>
1111
body {
@@ -25,13 +25,18 @@
2525

2626
<div id='map'></div>
2727
<script>
28+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
29+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
30+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
31+
2832
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2933
var map = new mapboxgl.Map({
3034
container: 'map', // container id
3135
style: {
3236
"version": 8,
3337
"sources": {
3438
"vector-tiles": {
39+
"attribution":attribution,
3540
"type": "vector",
3641
"tiles": ["http://localhost:8090/iserver/services/map-beijing4/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}&expands=0:0_2,132_128,138_64,141_32,143_16,145_8,147_4"]
3742
},

‎examples/mapboxgl/mvtVectorTile_Beijing_OSM.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution":attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-beijing/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}&expands=0:0_2,132_128,138_64,141_32,143_16,145_8,147_4"]
3641
},

‎examples/mapboxgl/mvtVectorTile_Beijing_dark.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution":attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-beijing/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}"]
3641
},

‎examples/mapboxgl/mvtVectorTile_Beijing_fiordcolor.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution":attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-beijing/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}&expands=0:0_2,132_128,138_64,141_32,143_16,145_8,147_4"]
3641
},

‎examples/mapboxgl/mvtVectorTile_Beijing_klokantech.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution":attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-beijing/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}&expands=0:0_2,132_128,138_64,141_32,143_16,145_8,147_4"]
3641
},

‎examples/mapboxgl/mvtVectorTile_Beijing_positron.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<title></title>
55

66
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
7-
<link href="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.css" rel="stylesheet">
8-
<script src="https://cdn.bootcss.com/mapbox-gl/0.37.0/mapbox-gl.js"></script>
7+
<link href="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.css" rel="stylesheet">
8+
<script src="https://cdn.bootcss.com/mapbox-gl/0.38.0/mapbox-gl.js"></script>
99
<style>
1010
body {
1111
margin: 0;
@@ -24,13 +24,18 @@
2424

2525
<div id='map'></div>
2626
<script>
27+
var attribution="<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox </a>" +
28+
"| Map Data <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a> " +
29+
" with <a href='http://icltest.supermapol.com' target='_blank'>SuperMap iClient</a>";
30+
2731
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA';
2832
var map = new mapboxgl.Map({
2933
container: 'map', // container id
3034
style: {
3135
"version": 8,
3236
"sources": {
3337
"vector-tiles": {
38+
"attribution":attribution,
3439
"type": "vector",
3540
"tiles": ["http://113.209.64.227:8090/iserver/services/map-beijing/rest/maps/beijingMap/tileFeature.mvt?_cache=false&returnAttributes=true&compressTolerance=-1&width=512&height=512&viewBounds={bbox-epsg-3857}&expands=0:0_2,132_128,138_64,141_32,143_16,145_8,147_4"]
3641
},

0 commit comments

Comments
 (0)