map3d

制作3d地图的工具

使用

npm install map3dutil

import map3d from "map3dutil"

      const list = [   { name: "广州市", value: 51, color: "#1e63c2" },];///地图数据
      const texture = require("./bg/bg.png"); //背景贴图

      const jsondata = require("./json/guangdong.json"); //地图json数据

      this.map = new map3d("webgl", jsondata, {
        center: [113.7, 22.7], //地图中心点，经纬度
        scale: 500,            // 缩放
        translate: [0, 0],     // 墨卡托投影转换  原点
      });

      this.map.setOption({
        camera: { PerspectiveCamera: [45, 2, 0.1, 1000], position: [0, -40, 70] },//相机参数 和 位置
        extrudeSettings: { depth: 4 },// 地图拉伸长度
        dataArray: list, // 地图数据 每个市
        texture: texture,// 背景贴图 
        groundPlaneScale: 0.15,// 背景平面缩放系数
        controller: {
          enabled: true, //是否全部禁止
          enableRotate: false, //是否翻转
          enableZoom: true, // 是否缩放
          enablePan: true,// 是否平移
        },
      });

      this.map.init();