| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -16,7 +16,7 @@ | |||
| 16 | 16 | 1. `移动设备`的支持-内部代码框架设计的时候考虑到移动设备的支持.针对移动设备天然支持. | |
| 17 | 17 | ||
| 18 | 18 | ||
| 19 | - * 官网(website):[http://client.snanyun.com:8899/ui/index.html](http://client.snanyun.com:8899/ui/index.html) | ||
| 19 | + * 官网(website):[http://develop.smaryun.com/#/index](http://develop.smaryun.com/#/index) | ||
| 20 | 20 | ||
| 21 | 21 | * 源码(source code):[https://github.com/ParnDeedlit/WebClient-Leaflet](https://github.com/ParnDeedlit/WebClient-Leaflet) | |
| 22 | 22 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -6,16 +6,14 @@ | |||
| 6 | 6 | ||
| 7 | 7 | #### MapboxGL 优点 | |
| 8 | 8 | ||
| 9 | - > leaflet是常规的的最适合常规gis开发的地图,因此核心功能就是`传统GIS`功能. | ||
| 9 | + > MapboxGL是最适合常规gis开发的地图,因此核心功能就是`传统GIS`功能. | ||
| 10 | 10 | ||
| 11 | 11 | 1. `高效矢量瓦片`-真正高效实用的矢量瓦片 | |
| 12 | 12 | 1. 顶级可视化-真正`顶级的可视化渲染`,mapboxGL,echartGL,KeplerGl等。 | |
| 13 | 13 | 1. `高清矢量图形`- 真正顶级的高清矢量图形绘制SVG,Canvas. | |
| 14 | 14 | 1. Top级互联网技术加持 - 国内Baidu,国外Uber,Mapbox等顶级可视化巨头技术加持. | |
| 15 | 15 | ||
| 16 | - | ||
| 17 | - | ||
| 18 | - * 官网(website):[http://client.snanyun.com:8899/ui/index.html](http://client.snanyun.com:8899/ui/index.html) | ||
| 16 | + * 官网(website):[http://develop.smaryun.com/#/index](http://develop.smaryun.com/#/index) | ||
| 19 | 17 | ||
| 20 | 18 | * 源码(source code):[https://github.com/ParnDeedlit/WebClient-MapboxGL](https://github.com/ParnDeedlit/WebClient-mapboxgl) | |
| 21 | 19 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -14,7 +14,7 @@ | |||
| 14 | 14 | 1. 兼容性 - 兼容老的ie6789等疑难浏览器问题. | |
| 15 | 15 | ||
| 16 | 16 | ||
| 17 | - * 官网(website):[http://client.snanyun.com:8899/ui/index.html](http://client.snanyun.com:8899/ui/index.html) | ||
| 17 | + * 官网(website):[http://develop.smaryun.com/#/index](http://develop.smaryun.com/#/index) | ||
| 18 | 18 | ||
| 19 | 19 | * 源码(source code):[https://github.com/ParnDeedlit/WebClient-openlayers](https://github.com/ParnDeedlit/WebClient-openlayers) | |
| 20 | 20 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -98,6 +98,7 @@ | |||
| 98 | 98 | "proj4": "2.3.15", | |
| 99 | 99 | "promise-polyfill": "^8.2.3", | |
| 100 | 100 | "qs": "^6.9.4", | |
| 101 | - "webfont-matcher": "^1.1.0" | ||
| 101 | + "webfont-matcher": "^1.1.0", | ||
| 102 | + "svg-pathdata": "^6.0.0" | ||
| 102 | 103 | } | |
| 103 | 104 | } | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -453,4 +453,4 @@ export { | |||
| 453 | 453 | WMTSCapabilities, | |
| 454 | 454 | OGCWMTSInfo, | |
| 455 | 455 | OGCWMSInfo | |
| 456 | - }; | ||
| 456 | + }; | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -140,7 +140,7 @@ export default class ThirdPartyLayer extends BaseLayer { | |||
| 140 | 140 | * let tilelayer = thirdLayer.appendBaiduMap({ptype:'sate'}); | |
| 141 | 141 | */ | |
| 142 | 142 | appendBaiduMap(optionsParam) { | |
| 143 | - const baiduProvider = this.viewer.imageryLayers.addImageryProvider(new Cesium.BaiduMapProvider(optionsParam)); | ||
| 143 | + const baiduProvider = this.viewer.imageryLayers.addImageryProvider(new Cesium.BaiduMapImagerProvider(optionsParam)); | ||
| 144 | 144 | return baiduProvider; | |
| 145 | 145 | } | |
| 146 | 146 | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,4 +1,4 @@ | |||
| 1 | - import {newGuid} from '../../service/common/Util'; | ||
| 1 | + import { newGuid } from '../../service/common/Util'; | ||
| 2 | 2 | import { L } from '../core/Base.js'; | |
| 3 | 3 | ||
| 4 | 4 | /** | |
@@ -39,7 +39,7 @@ var MapLayer = L.TileLayer.extend({ | |||
| 39 | 39 | imageFormat: null, | |
| 40 | 40 | imageHeight: 512, | |
| 41 | 41 | imageWidth: 512, | |
| 42 | - guid:null, | ||
| 42 | + guid: null, | ||
| 43 | 43 | imageTransparent: null, | |
| 44 | 44 | filters: null, | |
| 45 | 45 | styles: null, | |
@@ -69,6 +69,10 @@ var MapLayer = L.TileLayer.extend({ | |||
| 69 | 69 | */ | |
| 70 | 70 | initialize: function (url, options) { | |
| 71 | 71 | this.url = encodeURI(url + '/image'); | |
| 72 | + var imageHeight = options.imageHeight || 512; | ||
| 73 | + var imageWidth = options.imageWidth || 512; | ||
| 74 | + options.tileSize = window.L.point(imageWidth, imageHeight); | ||
| 75 | + // console.log('maplayer_initialize', options); | ||
| 72 | 76 | L.TileLayer.prototype.initialize.apply(this, arguments); | |
| 73 | 77 | L.setOptions(this, options); | |
| 74 | 78 | L.stamp(this); | |
@@ -93,19 +97,21 @@ var MapLayer = L.TileLayer.extend({ | |||
| 93 | 97 | var layerUrl = vm.url + '?'; | |
| 94 | 98 | layerUrl += encodeURI(vm._initAllRequestParams().join('&')); | |
| 95 | 99 | this._layerUrl = layerUrl; | |
| 100 | + // console.log('maplayer__initLayerUrl', layerUrl); | ||
| 96 | 101 | }, | |
| 97 | 102 | ||
| 98 | 103 | _initAllRequestParams: function () { | |
| 99 | 104 | var vm = this, | |
| 100 | 105 | options = vm.options || {}, | |
| 101 | 106 | params = []; | |
| 102 | 107 | ||
| 103 | - var imageHeight = this.options.imageHeight; | ||
| 104 | - var imageWidth = this.options.imageWidth; | ||
| 108 | + // console.log('maplayer_initAllRequestParams', options); | ||
| 109 | + var imageHeight = options.imageHeight || 512; | ||
| 110 | + var imageWidth = options.imageWidth || 512; | ||
| 105 | 111 | params.push('size=' + imageWidth + ',' + imageHeight); | |
| 106 | 112 | ||
| 107 | 113 | var guid = options.guid || newGuid(); | |
| 108 | - params.push("clientId=" + guid); | ||
| 114 | + params.push('clientId=' + guid); | ||
| 109 | 115 | ||
| 110 | 116 | if (options.imageFormat) { | |
| 111 | 117 | params.push('format=' + options.imageFormat); | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,5 +1,5 @@ | |||
| 1 | - import L from "leaflet"; | ||
| 2 | - import { MapvLayer } from "../MapvLayer"; | ||
| 1 | + import L from 'leaflet'; | ||
| 2 | + import { MapvLayer } from '../MapvLayer'; | ||
| 3 | 3 | ||
| 4 | 4 | /** | |
| 5 | 5 | * @class MapvStreamLayer | |
@@ -12,70 +12,69 @@ import { MapvLayer } from "../MapvLayer"; | |||
| 12 | 12 | * @param {Object} options.field - geojson的唯一标识字段,请确保该字段的唯一性。 | |
| 13 | 13 | */ | |
| 14 | 14 | export var MapvStreamLayer = MapvLayer.extend({ | |
| 15 | - initialize: function(map, url, options) { | ||
| 16 | - options = options || {}; | ||
| 15 | + initialize: function (map, url, options) { | ||
| 16 | + options = options || {}; | ||
| 17 | 17 | ||
| 18 | - L.Util.setOptions(this, options); | ||
| 19 | - | ||
| 20 | - this.mapvOption = options.mapvOption || {}; | ||
| 21 | - this.data = []; | ||
| 22 | - this.lastDate = new Date(); | ||
| 23 | - this.url = url; | ||
| 24 | - this.fieldHash = {}; | ||
| 18 | + L.Util.setOptions(this, options); | ||
| 25 | 19 | ||
| 26 | - this.fieldDeg = options.fieldDeg; | ||
| 27 | - this.iconUrl = options.iconUrl; | ||
| 28 | - this.timeSpeed = options.timeSpeed || 100; | ||
| 29 | - this.createIcon(); | ||
| 30 | - | ||
| 31 | - MapvLayer.prototype.initialize.call(this, map, new window.mapv.DataSet([]), this.mapvOption, options) | ||
| 32 | - }, | ||
| 20 | + this.mapvOption = options.mapvOption || {}; | ||
| 21 | + this.data = []; | ||
| 22 | + this.lastDate = new Date(); | ||
| 23 | + this.url = url; | ||
| 24 | + this.fieldHash = {}; | ||
| 33 | 25 | ||
| 34 | - onMessage: function(msg) { | ||
| 35 | - const feature = msg.feature; | ||
| 36 | - const field = msg.feature.properties[this.options.field]; | ||
| 26 | + this.fieldDeg = options.fieldDeg; | ||
| 27 | + this.iconUrl = options.iconUrl; | ||
| 28 | + this.timeSpeed = options.timeSpeed || 100; | ||
| 29 | + this.createIcon(); | ||
| 37 | 30 | ||
| 38 | - let layer = this.parasIcon(feature); | ||
| 31 | + MapvLayer.prototype.initialize.call(this, map, new window.mapv.DataSet([]), this.mapvOption, options); | ||
| 32 | + }, | ||
| 39 | 33 | ||
| 40 | - if (field !== undefined && this.fieldHash[field]) { | ||
| 41 | - this.data[this.fieldHash[field]] = layer; | ||
| 42 | - } else { | ||
| 43 | - if (field !== undefined) { | ||
| 44 | - this.data.push(layer); | ||
| 45 | - this.fieldHash[field] = this.data.length - 1; | ||
| 46 | - } | ||
| 47 | - } | ||
| 34 | + onMessage: function (msg) { | ||
| 35 | + const feature = msg.feature; | ||
| 36 | + const field = msg.feature.properties[this.options.field]; | ||
| 37 | + | ||
| 38 | + let layer = this.parasIcon(feature); | ||
| 48 | 39 | ||
| 49 | - this.updateLayer(); | ||
| 50 | - }, | ||
| 40 | + if (field !== undefined && this.fieldHash[field]) { | ||
| 41 | + this.data[this.fieldHash[field]] = layer; | ||
| 42 | + } else { | ||
| 43 | + if (field !== undefined) { | ||
| 44 | + this.data.push(layer); | ||
| 45 | + this.fieldHash[field] = this.data.length - 1; | ||
| 46 | + } | ||
| 47 | + } | ||
| 51 | 48 | ||
| 52 | - createIcon: function() { | ||
| 53 | - var iconUrl = | ||
| 54 | - this.iconUrl || "http://client.snanyun.com:8899/img/leaflet/marker/bike.png"; | ||
| 55 | - this.icon = new Image(); | ||
| 56 | - this.icon.src = iconUrl; | ||
| 57 | - }, | ||
| 49 | + this.updateLayer(); | ||
| 50 | + }, | ||
| 58 | 51 | ||
| 59 | - parasIcon: function(feature) { | ||
| 60 | - this.mapvOption = { | ||
| 61 | - draw: "icon" | ||
| 62 | - }; | ||
| 63 | - var deg = feature.properties[this.fieldDeg] || 0; | ||
| 64 | - var icon = { | ||
| 65 | - geometry: { | ||
| 66 | - type: "Point", | ||
| 67 | - coordinates: feature.geometry.coordinates | ||
| 68 | - }, | ||
| 69 | - deg: deg, | ||
| 70 | - icon: this.icon | ||
| 71 | - }; | ||
| 72 | - return icon; | ||
| 73 | - }, | ||
| 52 | + createIcon: function () { | ||
| 53 | + var iconUrl = this.iconUrl || 'http://client.snanyun.com:8899/img/leaflet/marker/bike.png'; | ||
| 54 | + this.icon = new Image(); | ||
| 55 | + this.icon.src = iconUrl; | ||
| 56 | + }, | ||
| 74 | 57 | ||
| 75 | - updateLayer: function() { | ||
| 76 | - var currentDate = new Date(); | ||
| 77 | - if (currentDate - this.lastDate < this.timeSpeed) return; | ||
| 78 | - this.updateData(this.data, this.mapvOption); | ||
| 79 | - this.lastDate = currentDate; | ||
| 80 | - } | ||
| 58 | + parasIcon: function (feature) { | ||
| 59 | + this.mapvOption = { | ||
| 60 | + draw: 'icon' | ||
| 61 | + }; | ||
| 62 | + var deg = feature.properties[this.fieldDeg] || 0; | ||
| 63 | + var icon = { | ||
| 64 | + geometry: { | ||
| 65 | + type: 'Point', | ||
| 66 | + coordinates: feature.geometry.coordinates | ||
| 67 | + }, | ||
| 68 | + deg: deg, | ||
| 69 | + icon: this.icon | ||
| 70 | + }; | ||
| 71 | + return icon; | ||
| 72 | + }, | ||
| 73 | + | ||
| 74 | + updateLayer: function () { | ||
| 75 | + var currentDate = new Date(); | ||
| 76 | + if (currentDate - this.lastDate < this.timeSpeed) return; | ||
| 77 | + this.updateData(this.data, this.mapvOption); | ||
| 78 | + this.lastDate = currentDate; | ||
| 79 | + } | ||
| 81 | 80 | }); | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -7,42 +7,44 @@ export { Common, BaseServer, Extend, MRFS, MRGS, MRFWS , MRMS, MRCS, Info, PostG | |||
| 7 | 7 | import { mapboxgl, MapDocLayer, MapTileLayer, MapWmsLayer, MapWMTSLayer, MapVectorLayer, ArcGISLayer, TDTLayer } from './layer'; | |
| 8 | 8 | export { mapboxgl, MapDocLayer, MapTileLayer, MapWmsLayer, MapWMTSLayer, MapVectorLayer, ArcGISLayer, TDTLayer }; | |
| 9 | 9 | ||
| 10 | - // import { | ||
| 11 | - // GeoFeatureThemeLayer, | ||
| 12 | - // ThemeLayer, | ||
| 13 | - // RangeThemeLayer, | ||
| 14 | - // UniqueThemeLayer, | ||
| 15 | - // GraphThemeLayer, | ||
| 16 | - // graphThemeLayer, | ||
| 17 | - // RandomThemeLayer, | ||
| 18 | - // SimpleThemeLayer, | ||
| 19 | - // RankSymbolThemeLayer, | ||
| 20 | - // ThemeStyle | ||
| 21 | - // } from './theme'; | ||
| 10 | + import { | ||
| 11 | + GeoFeatureThemeLayer, | ||
| 12 | + ThemeLayer, | ||
| 13 | + RangeThemeLayer, | ||
| 14 | + UniqueThemeLayer, | ||
| 15 | + GraphThemeLayer, | ||
| 16 | + graphThemeLayer, | ||
| 17 | + RandomThemeLayer, | ||
| 18 | + SimpleThemeLayer, | ||
| 19 | + RankSymbolThemeLayer, | ||
| 20 | + ThemeStyle | ||
| 21 | + } from './theme'; | ||
| 22 | 22 | ||
| 23 | - // export { | ||
| 24 | - // GeoFeatureThemeLayer, | ||
| 25 | - // ThemeLayer, | ||
| 26 | - // RangeThemeLayer, | ||
| 27 | - // UniqueThemeLayer, | ||
| 28 | - // GraphThemeLayer, | ||
| 29 | - // graphThemeLayer, | ||
| 30 | - // RandomThemeLayer, | ||
| 31 | - // SimpleThemeLayer, | ||
| 32 | - // RankSymbolThemeLayer, | ||
| 33 | - // ThemeStyle | ||
| 34 | - // }; | ||
| 23 | + export { | ||
| 24 | + GeoFeatureThemeLayer, | ||
| 25 | + ThemeLayer, | ||
| 26 | + RangeThemeLayer, | ||
| 27 | + UniqueThemeLayer, | ||
| 28 | + GraphThemeLayer, | ||
| 29 | + graphThemeLayer, | ||
| 30 | + RandomThemeLayer, | ||
| 31 | + SimpleThemeLayer, | ||
| 32 | + RankSymbolThemeLayer, | ||
| 33 | + ThemeStyle | ||
| 34 | + }; | ||
| 35 | 35 | ||
| 36 | 36 | import { | |
| 37 | 37 | EchartsLayer, | |
| 38 | 38 | MapvLayer, | |
| 39 | - DeckglLayer | ||
| 39 | + DeckglLayer, | ||
| 40 | + FabricLayer | ||
| 40 | 41 | /* StreamLayer */ | |
| 41 | 42 | } from './overlay/index.js'; | |
| 42 | 43 | ||
| 43 | 44 | export { | |
| 44 | 45 | EchartsLayer, | |
| 45 | 46 | MapvLayer, | |
| 46 | - DeckglLayer | ||
| 47 | + DeckglLayer, | ||
| 48 | + FabricLayer | ||
| 47 | 49 | /* StreamLayer */ | |
| 48 | 50 | }; | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,9 +1,6 @@ | |||
| 1 | 1 | import {Zondy} from './mapboxBase'; | |
| 2 | 2 | //import {Zondy} from '../../service/common/Base'; | |
| 3 | - import { | ||
| 4 | - newGuid, | ||
| 5 | - extend | ||
| 6 | - } from '../../service/common/Util'; | ||
| 3 | + import { newGuid, extend } from '../util/Util'; | ||
| 7 | 4 | ||
| 8 | 5 | /** | |
| 9 | 6 | * @author 基础平台/产品2部 龚跃健 | |
| Back | FazBrowse Home | New Git URL |
0 commit comments