地图所用技术栈

1.获取地图包

http://datav.aliyun.com/portal/school/atlas/area_selector

https://geojson.io/#map=2.51/39.06/66.41

2.echarts 3d 地图标点 只有一个的时候不可以hover

3.查看经纬度：

【经纬度查询】在线地图经度纬度查询|经纬度地名坐标转换

创建三维地图涉及到多个技术和工具，其中一些主要技术和插件包括：

1. WebGL： WebGL（Web Graphics Library）是一种JavaScript API，用于在支持的浏览器中呈现三维图形。它允许在网页上创建交互式和动态的三维场景。

2. Three.js： Three.js是一个基于WebGL的JavaScript库，用于创建并展示三维图形。它简化了在浏览器中使用WebGL的复杂性，提供了丰富的功能和易用的API。

3. 地理信息系统（GIS）： 使用GIS技术可以将地理数据整合到三维地图中。GIS工具如ArcGIS、Mapbox等提供了丰富的地理数据和地图服务。

4. 地图服务和瓦片地图： 通过使用地图服务，你可以获取地图数据并将其呈现在三维场景中。一些提供瓦片地图服务的平台包括Mapbox、Google Maps等。

5. 地理位置和坐标系统： 在三维地图中，准确的地理位置和坐标系统是至关重要的。使用合适的坐标系统和位置数据可以确保地图的准确性。

6. 用户交互： 为用户提供交互式功能，例如缩放、旋转、平移等。这通常涉及到处理用户输入和相应的事件。

7. Web开发技术： 前端开发技术如HTML、CSS和JavaScript是构建交互式Web地图的基础。使用现代的前端框架和工具可以简化开发流程。

一个简单的示例代码可能使用Three.js库来创建一个基本的三维地球：

// 使用Three.js创建一个简单的三维地球
// 需要Three.js库

// 创建场景
var scene = new THREE.Scene();

// 创建相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建地球
var geometry = new THREE.SphereGeometry(2, 32, 32);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00, wireframe: true });
var earth = new THREE.Mesh(geometry, material);
scene.add(earth);

// 渲染循环
function animate() {
  requestAnimationFrame(animate);
  earth.rotation.x += 0.01;
  earth.rotation.y += 0.01;
  renderer.render(scene, camera);
}

animate();

这只是一个简单的例子，真正的三维地图可能涉及更复杂的场景、地理数据的加载和处理，以及与地图服务的集成。使用现成的地图库和服务，如Mapbox、Cesium等，也可以简化开发流程。