mapboxgl-tools 0.0.1

package/.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = auto
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

package/.env

@@ -0,0 +1,8 @@
+# 前端的路径
+VITE_APP_PUBLIC_PATH='/conference/pc'
+VITE_APP_PUBLIC_STATIC_PATH='/conference/pc'
+# 后端的上下文路径
+VITE_APP_BASE_API_BACK_END='/conference/ms'
+# 后端的URL地址，如果前后端分离部署的时候需要指定
+VITE_APP_BASE_API_BACK_END_URL=''
+

package/.env.development

@@ -0,0 +1,23 @@
+# just a flag
+ENV = 'development'
+
+# 代理的后端的路径
+VITE_APP_DEV_PROXY_URL='http://localhost:9070'
+VITE_APP_PUBLIC_STATIC_PATH=''
+
+
+# 前端端口
+VITE_APP_PORT=7000
+
+
+# 数管平台地址
+VITE_APP_STDMS_URL='http://10.233.32.155:8585'
+VITE_APP_STDMS_TREE_ID=20
+VITE_APP_STDMS_ENV='local' # 可选值: gov | local
+VITE_APP_STDMS_DATACENTER_URL='http://10.233.32.155:8585/stdms/service/local/directory-content/tree?rootId=20'
+
+# sf3d地址
+VITE_APP_SF3D_URL='http://10.99.24.11:8091/sf3d-ba/'
+
+# search地址
+VITE_APP_SEARCH_SERVICE_URL='http://10.233.32.39:8677'

package/.eslintcache

@@ -0,0 +1 @@
+[{"G:\\fengtu\\admin-ui\\src\\main.js":"1","G:\\fengtu\\admin-ui\\src\\App.vue":"2","G:\\fengtu\\admin-ui\\src\\Helloworld.vue":"3","G:\\fengtu\\mapboxgl-ui\\src\\main.js":"4","G:\\fengtu\\mapboxgl-ui\\src\\App.vue":"5","G:\\fengtu\\mapboxgl-ui\\src\\Helloworld.vue":"6"},{"size":207,"mtime":1705629488877,"results":"7","hashOfConfig":"8"},{"size":418,"mtime":1705629382904,"results":"9","hashOfConfig":"8"},{"size":510,"mtime":1705915018041,"results":"10","hashOfConfig":"8"},{"size":207,"mtime":1705629488877,"results":"11","hashOfConfig":"12"},{"size":418,"mtime":1705629382904,"results":"13","hashOfConfig":"12"},{"size":3724,"mtime":1708392903337,"results":"14","hashOfConfig":"12"},{"filePath":"15","messages":"16","suppressedMessages":"17","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"15ou60z",{"filePath":"18","messages":"19","suppressedMessages":"20","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","suppressedMessages":"23","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","suppressedMessages":"26","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1uibmbb",{"filePath":"27","messages":"28","suppressedMessages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","suppressedMessages":"32","errorCount":1,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":1,"fixableWarningCount":1,"source":null},"G:\\fengtu\\admin-ui\\src\\main.js",[],[],"G:\\fengtu\\admin-ui\\src\\App.vue",[],[],"G:\\fengtu\\admin-ui\\src\\Helloworld.vue",[],[],"G:\\fengtu\\mapboxgl-ui\\src\\main.js",[],[],"G:\\fengtu\\mapboxgl-ui\\src\\App.vue",[],[],"G:\\fengtu\\mapboxgl-ui\\src\\Helloworld.vue",["33","34"],[],{"ruleId":"35","severity":1,"message":"36","line":4,"column":52,"nodeType":"37","endLine":4,"endColumn":60,"fix":"38"},{"ruleId":"39","severity":2,"message":"40","line":28,"column":37,"nodeType":null,"messageId":"41","endLine":28,"endColumn":37,"fix":"42"},"vue/attributes-order","Attribute \"id\" should go before \"style\".","VAttribute",{"range":"43","text":"44"},"prettier/prettier","Insert `·`","insert",{"range":"45","text":"46"},[87,129],"id=\"map\" style=\"width: 90%; height: 700px\"",[1113,1113]," "]

package/.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+    root: true,
+    env: {
+        node: true,
+    },
+    extends: ['plugin:vue/recommended', 'plugin:prettier/recommended'],
+    plugins: ['vue', 'prettier'],
+    // add your custom rules here
+    rules: {
+        indent: 'off',
+        // allow async-await
+        'generator-star-spacing': 'off',
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'prettier/prettier': ['error', { tabWidth: 4 }],
+        'vue/no-unused-vars': 'warn',
+        'vue/max-attributes-per-line': 'off',
+        'vue/singleline-html-element-content-newline': 0,
+        'vue/html-self-closing': 0,
+        'vue/attribute-hyphenation': 0,
+        'vue/multi-word-component-names': 'off',
+    },
+    parser: 'vue-eslint-parser',
+}

package/.prettierrc.json

@@ -0,0 +1,23 @@
+{
+    "?printWidth": "每行最长长度",
+    "printWidth": 120,
+    "?tabWidth": "缩进",
+    "tabWidth": 4,
+    "?semi": "是否加分号",
+    "semi": false,
+    "?singleQuote": "格式化以单引号为主",
+    "singleQuote": true,
+    "?trailingComma": "最后一个对象加逗号 <es5|none|all>   es5:在ES5中有效的尾部逗号(对象、数组等)",
+    "trailingComma": "all",
+    "?bracketSpacing": "对象，数组加空格",
+    "bracketSpacing": true,
+    "?jsxBracketSameLine": "jsx > 是否另起一行",
+    "jsxBracketSameLine": false,
+    "?arrowParens": "(x) => {} 是否要有小括号 <always|avoid>  always：总是包括括号   avoid:可能时省略括号",
+    "arrowParens": "always",
+    "?requirePragma": "是否要注释来决定是否格式化代码",
+    "requirePragma": false,
+    "?proseWrap": "默认情况下，Prettier 将按原样包含 markdown 文本，因为某些服务使用对行敏感的渲染器，例如 GitHub 注释和 BitBucket。 <always|never|preserve> preserve:原样不变  never:不要换行  always:如果超过打印宽度，请换行",
+    "proseWrap": "preserve",
+    "endOfLine": "auto"
+}

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2023 Wbiokr
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,69 @@
+# mapboxgl-tools
+> 基于mapboxgl的一些工具组件
+ 
+## Installation
+
+```sh
+npm install mapboxgl-tools
+```
+
+## Modules
+```js
+Geoserver
+```
+### Geoserver
+> 自定义栅格瓦片，记忆缓存
+
+| Property | Type | 默认值 | Description |
+| ----- | ------------- | ------------- | ------------------------ |
+| map  | Object | null | mapboxgl实例对象 |
+| itemClass | String |  | 单个geoserver展示class |
+| addClass | String | | 添加按钮class |
+| addBtnProps | Object | { type: 'primary', ghost: false, size: 'small', text: '新增图层' } | 添加按钮属性 |
+
+```js
+<template>
+    <div>
+        <section style="width: 90%; height: 700px" id="map"></section>
+        <Geoservers v-if="map" :map="map" itemClass="geo-item" addClass="add-btn" />
+    </div>
+</template>
+
+<script>
+import { Geoserver } from 'mapboxgl-tools'
+
+export default {
+    components: {
+        Geoserver,
+    },
+    data() {
+        return {
+            map: null,
+        }
+    },
+    mounted() {
+        this.map = new mapboxgl.Map({
+            container: 'map',
+            zoom: 15,
+            center: [114.26697720786854,30.63091896813168],
+            transformRequest: (url) => {
+                if (
+                    url.includes('4326')
+                ) {
+                    url = url.toLowerCase().replace(/(bbox=)([^&]+)/, ($0, $1, $2) => {
+                        let points = $2.split(',')
+                        let leftLngLat = onMercatorToLnglat(points[0], points[1])
+                        let rightLngLat = onMercatorToLnglat(points[2], points[3])
+                        return `${$1}${leftLngLat[0]},${leftLngLat[1]},${rightLngLat[0]},${rightLngLat[1]}`
+                    })
+                }
+                return {
+                    url,
+                }
+            },
+        })
+    },
+}
+
+</script>
+``