open-index/open-npm huggingface dataset:
npm package: @jindin/arcgis-tdt
Description: arcgis js api 调用天地图地图服务
Latest version: 0.0.4

# arcgis-tdt

arcgis js api 调用天地图地图服务

# 依赖

```
 "@arcgis/core": "^4.27.0"
```

# 服务清单

> - img_c: 影像地图，默认 4490
> - img_c_4326: 影像地图，4326
> - img_w: 影像地图， 3857
> - cia_c: 影像注记，默认 4490
> - cia_c_4326: 影像注记，4326
> - cia_w: 影像注记， 3857
> - cva_c: 矢量地图，默认 4490
> - cva_c_4326: 矢量地图，4326
> - cva_w: 矢量地图， 3857
> - vec_c: 矢量注记，默认 4490
> - vec_c_4326: 矢量注记，4326
> - vec_w: 矢量注记， 3857

# 使用

```
npm i @jindin/arcgis-tdt

import { useTdtSource } from "@jindin/arcgis-tdt"

const tdt = useTdtSource("自己申请token");

const basemap = new BaseMap({
    baseLayers: [tdt.img_c],
  });

const map = new Map({
    basemap,
  });

const center = {
    type: "point",
    longitude: 108.333,
    latitude: 33.67,
  };
  const mapView = new MapView({
    container: 'map2d',
    map,
    zoom: 10,
    //@ts-ignore
    center,
  });
```
npm package: @jindin/mapbox-gl-custom-layer
Description: 基于mapboxgl的自定义图层插件，实现对互联网地图栅格瓦片进行纠偏。实现了mapboxgl api加载 百度地图（栅格）、高德地图等栅格地图纠偏到3857、4490、4326坐标系的功能
Latest version: 0.0.4
npm package: @jindin/mapbox-gl-echarts-layer
Description: 基于mapbox-gl-js的扩展的EChartsLayer图层插件,可直接在 Mapbox GL JS 中使用 Apache ECharts 的 scatter、effectScatter 和 lines
Latest version: 0.0.2

## 基于 mapbox-gl-js 的扩展的 EChartsLayer 图层插件,可直接在 Mapbox GL JS 中使用 Apache ECharts 的 scatter、effectScatter 和 lines

> - 本程序在原作者原创的包 [@naivemap/mapbox-gl-echarts-layer](https://www.npmjs.com/package/@naivemap/mapbox-gl-echarts-layer)的基础上做了少量修改。
>   更多可参考 原作者 [@huanlii Mapbox GL JS Cookbook](https://github.com/huanglii/mapbox-gl-js-cookbook) 的 blog。

## 安装

```bash
npm install @jindin/mapbox-gl-echarts-layer echarts
```

## 使用

```js
import { EChartsLayer, ECOption } from "@jindin/mapbox-gl-echarts-layer";

 map = new mapboxgl.Map({
     ...
  });
 map.on("load", () => {
    addEchartsLayer();
  });

```

```js
const addEchartsLayer = () => {
    // echarts option 配置
  const option: ECOption = {
   ...
  };

  const layer = new EChartsLayer("lines-layer", option);
  map.addLayer(layer);
};
```
npm package: @jindin/mapbox-gl-layer-transition
Description: 基于mapboxgl的图层过渡效果插件
Latest version: 0.0.1

## 说明
 > 基于mapbox-gl-js api 实现的图层自动轮播切换效果。 原理是通过自动设置图层的 opacity 属性实现轮播切换效果。


## 限制
- 仅支持具备 paint 属性的图层。

## 参数
```
/**
 * 图层过渡控制器
 * 用于控制多个图层之间的渐变切换效果
 * @param map Mapbox地图实例
 * @param layerIds 需要控制的图层ID数组,支持图层组，如 ["layer1", "layer2", ["layer3", "layer4"]]
 * @param options 配置选项
 */
class LayerTransitionController {
  constructor(map, layerIds, options) {
  ...
  }
}

/**
 * 图层过渡控制器配置选项
 * @param startIndex 初始显示的图层索引
 * @param duration 单次过渡动画持续时间（毫秒），默认1000ms
 * @param interval 过渡间隔时间（毫秒），默认3000ms
 * @param defaultOpacity 图层默认不透明度，默认1
 * @param loop 是否循环播放，默认false
 */
interface LayerTransitionOptions {
  startIndex?: number; // 初始显示的图层索引
  duration?: number; // 单次过渡动画持续时间（毫秒），默认1000ms
  interval?: number; // 过渡间隔时间（毫秒），默认3000ms
  defaultOpacity?: number; // 图层默认不透明度，默认1
  loop?: boolean; // 是否循环播放，默认false
}

```

## 示例
```
const map = new mapboxgl.Map({
    ...
})
const layerIds = ['layer1', 'layer2', ['layer3','layer4']] // 图层id数组

const LayerTransitionController = new LayerTransitionController(map, layerIds, {
          duration: 2000, // 过渡动画持续1秒
          interval: 3000, // 停顿3秒切换一次
          loop: true, // 循环切换
        })
        
LayerTransitionController.start() // 开始轮播
LayerTransitionController.stop() // 停止轮播
LayerTransitionController.pause() // 暂停轮播
LayerTransitionController.resume() // 继续轮播

```
npm package: @jindin/mapbox-gl-marker-layer
Description: 基于mapbox-gl-js的扩展的markerlayer图层插件,支持聚合
Latest version: 0.0.3

## 基于 mapbox-gl-js 的扩展封装了 markerlayer 图层,支持 Marker 聚合自动避让

> - 本程序参考了作者 [@huanlii Mapbox GL JS Cookbook --echarts](https://www.naivemap.com/mapbox-gl-js-cookbook/advance/ECharts.html)的文章并做了封装。

## 安装

```bash
npm install @jindin/mapbox-gl-marker-layer
```

## 使用

```javascript
import MarkerLayer from'mapbox-gl-layer/MarkerLayer';

const map = new mapboxgl.Map({
  ....
  })
  const clusterLayer = new MarkerLayer({
    id: "cluster-marker-layer",
    data: {
      type: "FeatureCollection",
      features: [
        ....
      ],
    },
    cluster: false, //是否聚合。true: 类似于图标自动避让效果
    clusterRadius: 25, //聚合半径, 默认25
    minZoom: 5,
    maxZoom: 12,
    onCreateMarker: (feature: GeoJSON.Feature) => {
        //创建自定义Marker
      return new mapboxgl.Marker();
    },
  } as MarkerLayerOptions);

  map.addLayer(clusterLayer);

```

## 更新数据源

```
通过   clusterLayer.loadData("/data/point-1.json") 来更新数据源
```
npm package: @jindin/mapbox-gl-wind-layer
Description: 基于mapbox-gl-js的风场Wind图层插件
Latest version: 0.0.3

> - 本程序是从 [CSDN-mapboxGL 之风流图](https://blog.csdn.net/GISShiXiSheng/article/details/105256539) 整理形成。源代码归原作者所有。这里只是做了提取，方便独立使用。
> - 基于 canvas 绘制风场图层，并支持数据动态更新。

## 参考

- [esri/wind-js](https://github.com/Esri/wind-js)
- [CSDN-mapboxGL 之风流图](https://blog.csdn.net/GISShiXiSheng/article/details/105256539)

## 安装

```bash
npm install @jindin/mapbox-gl-wind-layer
```

## 使用

```javascript
const windLayer = new WindLayer({
  id: "wind-layer",
  name: "风场图层", // 可选
  data: data, //风场数据
  windyOptions: {
    //封藏配置
    lineWidth: 1, // 风线宽度
    minVelocity: 0,
    maxVelocity: 10,
    particleAge: 90,
    particleMultiplier: 1 / 100,
    opacity: 0.97,
    frameRate: 15,
  },
});
map.addLayer(windLayer);
```

### 数据要求

参见 test/windy.json

```JSON
{
    "data":[]
}
```

##限制

- 不支持 globe 模式
npm package: @jindrichgorner/vite-library-test
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 0.0.8

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:

1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.

You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
npm package: @jindu/ng-filter
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.5.
Latest version: 0.0.6

# NgFilter

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.5.

## Code scaffolding

Run `ng generate component component-name --project ng-filter` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ng-filter`.
> Note: Don't forget to add `--project ng-filter` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ng-filter` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ng-filter`, go to the dist folder `cd dist/ng-filter` and run `npm publish`.

## Running unit tests

Run `ng test ng-filter` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.