avaScript map()方法是一個高階函數，用于在數組中遍歷每個元素并返回一個新數組。它接受一個回調函數作為參數，該回調函數在每個元素上執行，并將每個元素轉換為新值。map()方法不會修改原始數組，而是返回一個新數組，其中包含轉換后的元素。

語法：

array.map(function(currentValue, index, arr), thisValue)

參數：

• function(currentValue, index, arr)：必需。該函數接受三個參數：
• currentValue：必需。當前元素的值。
• index：可選。當前元素的索引。
• arr：可選。當前元素所屬的數組對象。
• thisValue：可選。對象作為該執行回調時使用的 this 值。

返回值：

• 返回一個新數組，其中包含轉換后的元素。

const numbers=[1, 2, 3, 4, 5]; 
const squares=numbers.map(function(num) {
 return num * num;
});

console.log(squares); // [1, 4, 9, 16, 25]

在上面的示例中，我們使用map()方法將數組中的每個元素平方，并將結果存儲在一個新數組中。

天給小孩們分享一個超強大的Vue地圖應用組件庫xdhMap。

xdh-map 新德匯團隊出品的基于vue.js和Openlayers地圖應用類庫。包含文本、圖形、html、熱力圖、航線、軌跡回放等20多個組件。支持與Echarts圖表結合。

安裝

使用地圖組件之前需要先安裝MyUI組件庫。

$ npm i @xdh/my -S

使用地圖

<template>
  <my-map
    adapter="Baidu"
    :zoom="12"
    :center="[180, 66]"
    :drag-pan="false"
    :mouse-wheel-zoom="true"
    @click="handleMapClick"
  >
  </my-map>
</template>

<script>
  import {MyMap} from '$ui/map'
  export default {
    components: {
      MyMap
    },
    methods: {
      handleMapClick(e) {
        console.log('click', e)
      },
    }
  }
</script>

提供了超全面的應用示例及API。

內置了百度、高德、OSM，并支持與方正、超圖、山海經緯、航天精一等PGIS廠商對接。

so good，非常強大的一款集合超多功能的地圖應用庫，大家不要錯過哈！

# 文檔地址
http://newgateway.gitee.io/my/ui/map/

# gitee地址
https://gitee.com/newgateway/xdh-map

okay，今天就介紹到這里。如果在項目開發中需要用到的話，可以去看一看。

yecharts是一款將python與echarts結合的強大的數據可視化工具，本系列文章將為你闡述pyecharts的使用細則，讓你對數據進行可視化處理時更加得心應手。這一系列中全部代碼在Windows 10系統下基于Python3.7和pyecharts1.9.0實際運行通過。

一、前言

在這個系列的上一篇文章筆者介紹了使用pyecharts繪制直角坐標系的一系列基礎圖表。可以發現，使用echarts繪制的動態圖表相較于其他靜態圖表會更加生動。在這一系列的第二期教學，筆者將會介紹使用pyechars繪制地理圖表。

二、使用實例

在本期文章中，我們需要導入的庫有：

from pyecharts.charts import *
from pyecharts.components import Table
from pyecharts import options as opts
from pyecharts.commons.utils import JsCode
import  random
import  datetime

GEO地理坐標系，在繪制地理圖表中，我們可以使用GEO函數繪制圖表，圖表示例以及實現代碼如下。

實現代碼：

province=[
    '廣東','廣西','湖南','四川','重慶','黑龍江','浙江','山西','河北','北京','河南','山東','西藏','臺灣'] 
data=[(i, random.randint(50, 150)) for i in province]
geo=(
    Geo()
    .add_schema(maptype="china")
    .add("", data)
)
geo.render('GEO地圖.html')

除了GEO地理坐標系外，我們也可以通過MAP函數繪制MAP地理坐標系地圖。相比于使用GEO方法繪制的地圖，MAP方法繪制的地圖無需觸發點擊或者移動鼠標即可看到地區信息(地名)。

實現代碼：

province=[
    '廣東','廣西','湖南','四川','重慶','黑龍江','浙江','山西','河北','北京','河南','山東','西藏','臺灣'] 
data=[(i, random.randint(50, 150)) for i in province]
map_=(
    Map()
    .add("", data, 'china')
)
map_.render('MAP地圖.html')

3D地圖的制作，在以上兩個平面地圖的基礎上，我們可以通過Map3D函數制作立體地圖。(注：Map3D函數更新與pyecharts 1.7.0版本，如果提示Map3D函數報錯需更新pyecharts庫，在cmd窗口執行 pip install --upgrade pyecharts 即可）

實現代碼：

province=[
    '廣東','廣西','湖南','四川','重慶','黑龍江','浙江','山西','河北','北京','河南','山東','西藏','臺灣'] 
data=[(i, random.randint(50, 150)) for i in province]
map3d=(
    Map3D()
    .add("", data_pair=data, maptype='china')
)
map3d.render('3D地圖.html')

3D地球儀，在pyecharts庫中提供了MapGlobe方法用于繪制地球儀，可以直觀地展示地球人口、資源分布等情況。在本例中，筆者以地球人口情況為例進行展示。

使用本例方法之前，我們還需要進行如下引入操作：

from pyecharts.faker import POPULATION

實現代碼：

earth=(
    MapGlobe()
    .add_schema()
    .add(
        data_pair=POPULATION[1:],
        series_name="world",
        maptype="world"
    )
    .set_series_opts(
        lable_opts=opts.LabelOpts(is_show=True),
    )
)
earth.render("地球儀.html")

本例是通過POPULATION方法繪制了帶有地球人口標識的地球儀，讀者可根據自己需要引入不同數據進行繪制。

以上是這一期給大家帶來的利用pyecharts繪制地理圖表的內容。在下一期的內容中，筆者將更新用pyecharts繪制基本圖表的方法，喜歡的朋友可以收藏等待更新。