map-map3d-earth3d v0.3.3

https://xiuangh.top/app#

1. 2D 平面地图

<canvas id="mapdom" style="width:100px;height:100px"></canvas>

import * as Map2d from "map-map3d-earth3d";
//初始化地图
const lMap = new Map2d.Map(document.getElementById('mapdom'), {
	dragEnable: true,
    scrollWheel: true,
	zoom: 3,
	center: [116.397428, 39.90923]
});
//设置中心点
lMap.setCenter([116.397428, 39.90923])
//设置缩放级别
lMap.setZoom(4)
//监听移动
lMap.on("move", ({ zoom, center }) => {

});
//监听缩放
lMap.on("zoom", ({ zoom, center }) => {

});

//区域热力图层
const layer = new Map2d.MapAreaHeatLayer({
        data: worldJson,
        options: {
          event: {
            click() {}
          },
          ...{
            label: {
              emphasis: {
                show: true,
                color: "white"
              },
              fontSize: "13px",
              show: false,
              color: "black"
            },
            border: {
              show: true,
              color: "#fff",
              lineWidth: 1,
              lineDash: [0, 0]
            },
            area: {
              emphasis: {
                show: false,
                color: "blue"
              },
              normal: {
                color: "#013954"
              }
            }
          }
        }
      });
//添加图层
lMap.addLayer(layer);