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

1. With Vue：

   组件内部使用

   html:
   <MapView :map-config=""/>
   js:
   import {MapView, ...} from '@geostar1999/gs-plugin'
   components: {
       MapView
   }

   全局安装

   import {MapView, ...} from '@geostar1999/gs-plugin'
   Vue.use(MapView)

2. 直接引用

   这种方式不需要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>