Skip to content

蒋波涛 / super_mapboxgl_vue

Go to a project
Toggle navigation
Toggle navigation pinning
82f0f89f by unknown
Options

20191218

1 parent 2231aea9
Inline Side-by-side
Showing 3 changed files with 36 additions and 8 deletions
......@@ -2,8 +2,8 @@
* Mapbox GL展示天地图数据
* @Author: jiangbotao
* @Date: 2019-12-09 23:17:48
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-18 00:17:04
* @LastEditors : jiangbotao
* @LastEditTime : 2019-12-18 09:32:51
* @FilePath: \mymapbox\src\components\Map3857.vue
-->
<template>
......
<!--
* @Author: jiangbotao
* @Date: 2019-12-18 00:23:47
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-18 01:43:58
* @LastEditors : jiangbotao
* @LastEditTime : 2019-12-18 09:27:40
* @FilePath: \supermapvue\src\components\layers\Map_mapbox.vue
-->
<template>
......@@ -27,18 +27,46 @@ export default {
$.ajax({
type: "GET",
url: "http://www.zjditu.cn/vtiles/styles/tdt/streets.json",
type: 'get',
dataType: 'json', // 请求方式为jsonp
crossDomain: true,
success: function(data){
console.log(data);
// var mapboxgl_style = 'http://www.zjditu.cn/vtiles/styles/tdt/dark.json';
var map = new mapboxgl.Map({
container: 'map',
zoom: 12,
center: [120.15, 30.25],
renderWorldCopies: false,
localIdeographFontFamily: "'黑体','san-serif'",
style: data
pitch: 50,
bearing: -10,
style: {
"version": data.version,
"sources": data.sources,
"sprite": data.sprite,
"glyphs": data.glyphs,
"layers": data.layers
},
shading: 'realistic',
light: {
main: {
intensity: 0.5,
shadow: false
},
ambient: {
intensity: 0.2
},
ambientCubemap: {
exposure: 1,
diffuseIntensity: 0.5,
specularIntensity: 2
}
},
zlevel: 1
});
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
}
}
});
}
}
......
......@@ -7,8 +7,8 @@
* - positron
* @Author: jiangbotao
* @Date: 2019-12-09 23:17:48
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-12 18:34:35
* @LastEditors : jiangbotao
* @LastEditTime : 2019-12-18 09:55:26
* @FilePath: \mymapbox\src\components\Map3857.vue
-->
<template>
......