open-index/open-npm huggingface dataset:
npm package: @ido-team/map
Description: ## 地图配置项示例
Latest version: 1.2.130

# 地图 api 说明

## 地图配置项示例

```
IdoMap.mapOptions = {
  lat: 31.936722,
  lng: 120.050611,
  zoom: 11,
  layer: [
    {
      url: "http://t1.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk=key",
      Subdomains: ["0", "1", "2", "3"],
    },
  ],
};
```

### 地图配置项详细

```
lat: number;
lng: number;
CRS?: "4490";
layer?: {
    url: string;
    Subdomains?: string[];
    maxZoom?: number;
    minZoom?: number;
    errorTileUrl?: string;
    attribution?: string;
  }[];
attribution?: string;
```

### 初始化

```
const mapInstance = new IdoMap("divId");
```

## 方法

### 创建点位 createMarkers

```
const collections = mapInstance.createMarkers([
  {
    id: "1", //唯一标识,可根据数据对比进行局部点位更新
    lat: "31.936722", //纬度
    lng: "120.050611", //经度,
    iconAnchor: [12, 0],
    className: "leaflet-div-icon",
    html: "XXXX公司",
    popupHtml:
      '<div style="background: #ffffff;"><a href=javascript:alert("当前企业:${obj.html}")>${obj.html}</a></div>',
    enterprise_id: "aaaa",
  },
  {
    id: "3", //唯一标识,可根据数据对比进行局部点位更新
    clickEvent: "alert('当前企业id:${obj.enterprise_id}')", //点击事件
    lat: "31.936722", //纬度
    lng: "120.050611", //经度,
    enterprise_id: "12345678",
  },
  {
    lat: "31.906707", //纬度
    lng: "120.151291", //经度,
    popupHtml: '<div style="background: #ffffff;">222</div>',
  },
]);

```

### 通过 geojson 生成图层/集合 createByGeoJson

```
const geoLayer = mapInstance.createByGeoJson(lineString, {
  style: { color: "red", weight: 1, dashArray: 3 },
  popupHtml: "多边形",
  enterprise_id: "2222",
  clickEvent: "alert('当前企业id:${obj.enterprise_id}')", //点击事件
});
```

### 创建图层 createLayer

```
const layer = mapInstance.createLayer(
  {
    layerType: "special_enterprise",
    collections
  }
);

```

### 为地图/图层添加图层/集合 addLayer

```
mapInstance.addLayer(layer);
或
mapInstance.addLayer(geoLayer,layer);

```
npm package: @ido-team/map-awesome
Description: ```javascript @param  divId const instance = new window.IdoMapInstance("map") ```
Latest version: 1.1.11

##地图渲染层API
#### 1.new 实例化
```javascript
@param  divId
const instance = new window.IdoMapInstance("map")
```

#### 2.加载地图
```javascript
@param settings  完整数据集或者地图code
renderMap(settings)
```

#### 3.切换瓦片图层组
```javascript
@param tileName 瓦片组名称
switchTileLayer(tileName)
```

#### 4.渲染地图图层
```javascript
@param layers 图层id数组或者对象数组 [id] | [{id: '', request?: {params?: {}, data?: {}}]
参数示例：
[
  123,
  {
    id: '123',
    request: {
      data: {
        enterprise_id: '456'
      }
    }
  },
  {
    id: '123',
    request: {
      params: {
        enterprise_id: '456'
      }
    }
  }
]
@param replaceAll 可选参数 默认true 为替换渲染  false为追加渲染
renderMapLayer(layers, replaceAll)
```

#### 5.渲染固定图层
```javascript
@param layers 同4方法
renderStaticMapLayer(layers)
```

#### 6.移除图层
```javascript
@param layerIds 图层id数组
@param remove 可选参数 默认false  是否从数据集中删除
removeMapLayers(layerIds, remove)
```

#### 7.添加图层
```javascript
@param layers 参数同4方法
addMapLayer(layers)
```

#### 8.设置层级
```javascript
@param zoom 层级
setZoom(zoom)
```

#### 9. 飞往某点
```javascript
@param latlng 经纬度对象
@param zoom 可选参数 层级
flyTo(latlng, zoom?)
```

#### 10.获取地图实例
```javascript
getMapInstance()
```

#### 11. 销毁地图实例
```javascript
destroyed()
```


##地图渲染层图层数据格式

#### 1.热力图
```
过滤器最后返回数据格式
@params config 可选参数 热力图配置 以下为默认配置
@params data 接口返回坐标集
return {
  config: {
     radius: 0.001,
      maxOpacity: 0.8,
      scaleRadius: true,
      latField: "lat",
      lngField: "lng",
      valueField: "count",
      useLocalExtrema: true,
      gradient: {
        0.99: "rgb(255, 167, 7)",
        0.85: "#ffcd04",
        0.5: "#2dc01d",
        0: "#00b4ff",
      },
      max: 100
  },
  data: [
    {
      lat: '123',
      lng: '456',
      count: 100
    }
  ]
}
```
npm package: @ido-team/map-config
Description: ``` IdoMap.mapOptions = {   lat: 31.936722,   lng: 120.050611,   zoom: 11,   layer: [     {       url: "http://t1.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk=key",       Subdomains: ["0", "1", "2", "3"],     },   ], }; ```
Latest version: 1.0.0-alpha.1

# 地图 api 说明

## 地图配置项示例

```
IdoMap.mapOptions = {
  lat: 31.936722,
  lng: 120.050611,
  zoom: 11,
  layer: [
    {
      url: "http://t1.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk=key",
      Subdomains: ["0", "1", "2", "3"],
    },
  ],
};
```

### 地图配置项详细

```
lat: number;
lng: number;
CRS?: "4490";
layer?: {
    url: string;
    Subdomains?: string[];
    maxZoom?: number;
    minZoom?: number;
    errorTileUrl?: string;
    attribution?: string;
  }[];
attribution?: string;
```

### 初始化

```
const mapInstance = new IdoMap("divId");
```

## 方法

### 创建点位 createMarkers

```
const collections = mapInstance.createMarkers([
  {
    id: "1", //唯一标识,可根据数据对比进行局部点位更新
    lat: "31.936722", //纬度
    lng: "120.050611", //经度,
    iconAnchor: [12, 0],
    className: "leaflet-div-icon",
    html: "XXXX公司",
    popupHtml:
      '<div style="background: #ffffff;"><a href=javascript:alert("当前企业:${obj.html}")>${obj.html}</a></div>',
    enterprise_id: "aaaa",
  },
  {
    id: "3", //唯一标识,可根据数据对比进行局部点位更新
    clickEvent: "alert('当前企业id:${obj.enterprise_id}')", //点击事件
    lat: "31.936722", //纬度
    lng: "120.050611", //经度,
    enterprise_id: "12345678",
  },
  {
    lat: "31.906707", //纬度
    lng: "120.151291", //经度,
    popupHtml: '<div style="background: #ffffff;">222</div>',
  },
]);

```

### 通过 geojson 生成图层/集合 createByGeoJson

```
const geoLayer = mapInstance.createByGeoJson(lineString, {
  style: { color: "red", weight: 1, dashArray: 3 },
  popupHtml: "多边形",
  enterprise_id: "2222",
  clickEvent: "alert('当前企业id:${obj.enterprise_id}')", //点击事件
});
```

### 创建图层 createLayer

```
const layer = mapInstance.createLayer(
  {
    layerType: "special_enterprise",
    collections
  }
);

```

### 为地图/图层添加图层/集合 addLayer

```
mapInstance.addLayer(layer);
或
mapInstance.addLayer(geoLayer,layer);

```
npm package: @ido-team/map-engine
Description: ```javascript @param  divId const instance = new window.IdoMapInstance("map") ```
Latest version: 2.0.43

##地图渲染层API
#### 1.new 实例化
```javascript
@param  divId
const instance = new window.IdoMapInstance("map")
```

#### 2.加载地图
```javascript
@param settings  完整数据集或者地图code
renderMap(settings)
```

#### 3.切换瓦片图层组
```javascript
@param tileName 瓦片组名称
switchTileLayer(tileName)
```

#### 4.渲染地图图层
```javascript
@param layers 图层id数组或者对象数组 [id] | [{id: '', request?: {params?: {}, data?: {}}]
参数示例：
[
  123,
  {
    id: '123',
    request: {
      data: {
        enterprise_id: '456'
      }
    }
  },
  {
    id: '123',
    request: {
      params: {
        enterprise_id: '456'
      }
    }
  }
]
@param replaceAll 可选参数 默认true 为替换渲染  false为追加渲染
renderMapLayer(layers, replaceAll)
```

#### 5.渲染固定图层
```javascript
@param layers 同4方法
renderStaticMapLayer(layers)
```

#### 6.移除图层
```javascript
@param layerIds 图层id数组
@param remove 可选参数 默认false  是否从数据集中删除
removeMapLayers(layerIds, remove)
```

#### 7.添加图层
```javascript
@param layers 参数同4方法
addMapLayer(layers)
```

#### 8.设置层级
```javascript
@param zoom 层级
setZoom(zoom)
```

#### 9. 飞往某点
```javascript
@param latlng 经纬度对象
@param zoom 可选参数 层级
flyTo(latlng, zoom?)
```

#### 10.获取地图实例
```javascript
getMapInstance()
```

#### 11. 销毁地图实例
```javascript
destroyed()
```


##地图渲染层图层数据格式

#### 1.热力图
```
过滤器最后返回数据格式
@params config 可选参数 热力图配置 以下为默认配置
@params data 接口返回坐标集
return {
  config: {
     radius: 0.001,
      maxOpacity: 0.8,
      scaleRadius: true,
      latField: "lat",
      lngField: "lng",
      valueField: "count",
      useLocalExtrema: true,
      gradient: {
        0.99: "rgb(255, 167, 7)",
        0.85: "#ffcd04",
        0.5: "#2dc01d",
        0: "#00b4ff",
      },
      max: 100
  },
  data: [
    {
      lat: '123',
      lng: '456',
      count: 100
    }
  ]
}
```
npm package: @ido-team/map-plugin
Description: ```javascript @param  divId const instance = new window.IdoMapInstance("map") ```
Latest version: 2.0.1-laoling

##地图渲染层API
#### 1.new 实例化
```javascript
@param  divId
const instance = new window.IdoMapInstance("map")
```

#### 2.加载地图
```javascript
@param settings  完整数据集或者地图code
renderMap(settings)
```

#### 3.切换瓦片图层组
```javascript
@param tileName 瓦片组名称
switchTileLayer(tileName)
```

#### 4.渲染地图图层
```javascript
@param layers 图层id数组或者对象数组 [id] | [{id: '', request?: {params?: {}, data?: {}}]
参数示例：
[
  123,
  {
    id: '123',
    request: {
      data: {
        enterprise_id: '456'
      }
    }
  },
  {
    id: '123',
    request: {
      params: {
        enterprise_id: '456'
      }
    }
  }
]
@param replaceAll 可选参数 默认true 为替换渲染  false为追加渲染
renderMapLayer(layers, replaceAll)
```

#### 5.渲染固定图层
```javascript
@param layers 同4方法
renderStaticMapLayer(layers)
```

#### 6.移除图层
```javascript
@param layerIds 图层id数组
@param remove 可选参数 默认false  是否从数据集中删除
removeMapLayers(layerIds, remove)
```

#### 7.添加图层
```javascript
@param layers 参数同4方法
addMapLayer(layers)
```

#### 8.设置层级
```javascript
@param zoom 层级
setZoom(zoom)
```

#### 9. 飞往某点
```javascript
@param latlng 经纬度对象
@param zoom 可选参数 层级
flyTo(latlng, zoom?)
```

#### 10.获取地图实例
```javascript
getMapInstance()
```

#### 11. 销毁地图实例
```javascript
destroyed()
```


##地图渲染层图层数据格式

#### 1.热力图
```
过滤器最后返回数据格式
@params config 可选参数 热力图配置 以下为默认配置
@params data 接口返回坐标集
return {
  config: {
     radius: 0.001,
      maxOpacity: 0.8,
      scaleRadius: true,
      latField: "lat",
      lngField: "lng",
      valueField: "count",
      useLocalExtrema: true,
      gradient: {
        0.99: "rgb(255, 167, 7)",
        0.85: "#ffcd04",
        0.5: "#2dc01d",
        0: "#00b4ff",
      },
      max: 100
  },
  data: [
    {
      lat: '123',
      lng: '456',
      count: 100
    }
  ]
}
```