0.0.5 • Published 4 years ago
@geostar1999/gs-plugin v0.0.5
geostar1999
My GIS package with Map Development API.
Usage
- plugins setting used in GIS.
Installation
使用NPM
npm install -g @yangling1999/gs-plugin
直接引用
<script src="lib/geostar.js"></script>
How to use
With
Vue
:组件内部使用
html: <MapView :map-config=""/> js: import {MapView, ...} from '@geostar1999/gs-plugin' components: { MapView }
全局安装
import {MapView, ...} from '@geostar1999/gs-plugin' Vue.use(MapView)
直接引用
这种方式不需要webpack这类构建工具,跟jquery差不多,直接在页面引用
- 在
CMD
模式下开发,以Seajs
为例:
/** * in seajs.config */ aliases: { "GSPlugin": "lib/GSPlugin/geostar.js" }
/** * in javascript file */ var GSPlugin = require("GSPlugin") // todo var mv = GSPlugin.MapView; var map = new MapView("#id", mapConfig);
- 直接使用
Vue.prototype.$GIS
对象
<div id="app"> <MapView :map-config="mapConfig"></MapView> </div> <script src="lib/vue.js"></script> <script src="lib/geostar.js"></script> <script> var appConfig = Vue.prototype.$GIS.gsConfig, initialize = Vue.prototype.$GIS.initialize; appConfig.baseUrl = "http://ip:port/离线API部署地址/"; appConfig.geometryService = "ArcGIS测量服务地址"; appConfig.httpProxy = null; // 地图插件包代理配置 /*{ "useProxy": true, "url": "代理路径", "corsEnabledServers": [], "alwaysUseProxy": false, "rules": [{ "proxyUrl": "代理路径", "urlPrefix": "被代理地址域名" }] };*/ // 初始化地图插件包 initialize().then(function (isload) { // isload 地图插件包初始化成功与否? // 初始化Vue模块 new Vue({...}); }, function (err) { // throw error }); </script>
- 在