基于高德地图的Web经纬度拾取工具教程

从给定文件中提取的知识点主要包括高德地图经纬度拾取工具的介绍、使用说明以及操作细节。以下是对这些知识点的详细说明： 标题：“lng_lat_pick_up:基于高德地图的经纬度拾取工具”表明了该工具的名称为“lng_lat_pick_up”，它的核心功能是通过高德地图API进行经纬度信息的拾取。 描述：“经纬度获取工具介绍”意味着该工具是一个用于获取地理坐标的应用程序，具体功能包括获取单个地点的经纬度和某个区域的经纬度信息。 1. 使用高德地图制作：说明该工具利用高德地图的API开发，可以结合高德地图强大的地理信息数据和可视化能力。 2. 需要Web端(JS API)和Web服务两个key：强调了在使用高德地图服务时，需要分别获取两个不同类型的密钥。Web端key一般用于前端地图的渲染以及控制地图的功能，而Web服务key通常用于调用高德地图提供的各种服务接口，比如地理编码、路径规划等。 3. 替换key的步骤：为了使用这个工具，用户需要在项目的公共目录下的index.html文件中替换掉your_key为Web端JS API的key，在src/index.js文件中替换掉your_key为Web服务的key。这个过程涉及到代码的编辑和配置，需要一定的编程基础。 4. 运行项目的方法：通过执行两个命令“yarn”和“yarn start”，来编译和启动项目。这表明项目是基于JavaScript构建，并且使用了yarn这个JavaScript包管理工具进行依赖管理和构建过程。 5. 编辑区域的细节说明：这部分描述了如何与地图上的多边形交互，包括删除节点、新增节点和拖动节点来改变多边形的形状。这些操作都是图形用户界面(GUI)层面的功能，使得用户可以直观地修改和调整地图上的区域。 标签：“JavaScript”：这个词揭示了该工具是使用JavaScript开发的，JavaScript是一种广泛应用于网页开发的编程语言，可以实现客户端和服务器端的应用程序。 文件名称列表：“lng_lat_pick_up-master”：这表明了该项目的根目录文件夹名称是“lng_lat_pick_up-master”，一般来说，文件列表中通常会包含“package.json”用于描述项目信息，“node_modules”目录包含项目依赖，“public”目录包含静态资源文件，以及可能的“src”目录包含源代码文件等。 总结，这些知识点涉及了使用高德地图API开发经纬度拾取工具的整个流程，包括注册和使用key、项目配置和启动方法，以及与地图互动的具体操作。对于开发者来说，了解这些知识点将有助于他们快速搭建起基于高德地图经纬度拾取功能的应用程序，并在前端进行有效的地图交互操作。