Gisviewer-vue3-arcgis NPM | npm.io

1.0.221 • Published 3 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 months ago

给项目设置包作用域

在应用中引入私服的包，项目根目录下新建文件 .npmrc 在 .npmrc 中对包源进行配置：

@yzc:registry=http://121.4.178.108:10023/

Install

$ npm install @yzc/gisviewer-vue3-arcgis

Using bower:

$ bower install @yzc/gisviewer-vue3-arcgis

Using yarn:

$ yarn add @yzc/gisviewer-vue3-arcgis

Using pnpm:

$ pnpm add @yzc/gisviewer-vue3-arcgis

其它

可使用 nrm 管理本地包地址

nrm ls
nrm add registry http://121.4.178.108:10023/
nrm use registry

Quick Start

import Vue from "vue";

import gisviewerVue3Arcgis from "@yzc/gisviewer-vue3-arcgis";

const app = createApp(App);

app.use(gisviewerVue3Arcgis, {
  openDriveServer: "http://192.168.0.205:28081/", //openDriveServer地址
  ws: "ws://192.168.0.208:28086/", //ws 服务地址
  assetsRoot: "http://192.168.0.205:8081/GisViewerAssets", //静态资源地址
});

app.mount("#app");

使用

<template>
  <div class="index">
    <gis-map :config="GIS_CONFIG_PATH" ref="gisMapRef" @map-loaded="mapLoaded"
        @marker-click="markerClicked"></gis-map>
  </div>
</template>

<script setup lang="ts">
import { GisMap } from "@yzc/gisviewer-vue3-arcgis";

const GIS_CONFIG_PATH: string = "./config/HuZhou/gis-config.json";

const gisMapRef = ref<InstanceType<typeof GisMap> | null>(null);

const jobId=''


const  wshost=''

const haldclick = () => {
  gisMapRef.value?.connectCarFlow(wshost + "crossdt-api/websocket/pw_rt_trace/" + jobId, 
  {
      showVehiclePlate: false
  });
};

const mapLoaded=()=>{

}

const  markerClicked=()=>{

}
</script>

<style lang="scss" scoped>

</style>

arcgis vue3组件库

5 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

4 months ago

4 months ago

3 months ago

6 months ago

6 months ago

6 months ago

3 months ago

6 months ago

6 months ago

6 months ago

6 months ago

4 months ago

4 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

3 months ago

3 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

10 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

1 year ago

10 months ago

1 year ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

10 months ago

1 year ago

10 months ago

1 year ago

10 months ago

1 year ago

10 months ago

1 year ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

12 months ago

10 months ago

10 months ago

12 months ago

10 months ago

12 months ago

10 months ago

10 months ago

10 months ago

12 months ago

12 months ago

11 months ago

10 months ago

12 months ago

10 months ago

12 months ago

12 months ago

10 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago