高德开放平台GeoHUB初用（Vue使用高德地图Loca 2.0）

最新推荐文章于 2025-02-06 21:33:01 发布
最新推荐文章于 2025-02-06 21:33:01 发布
阅读量4.7k 收藏 14
点赞数 2
分类专栏： web前端 Vue 文章标签： vue.js geohub local2.0 高德地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyoro/article/details/120043517
版权

高德开放平台GeoHUB，高德不声不息出的这玩意挺吊的。

以往地图打点、连线、做特定地市的区域地图，都不知道哪里找GeoJSON数据的，现在有这东西就超级方便了。结合高德地图的api，挺好用的了。这里通过Loca.ScatterLayer的来展示下GeoHUB的简单使用。

在这里插入图片描述

知识

最低0.47元/天 解锁文章
vue中使用原生高德地图
weixin_44042792的博客
01-15 710
1. 引入高德地图 html中 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.Geocoder"></script> 2.配置 vue.config.js configureWebpack: { externals: { 'AMap': 'AMap', 'AMapUI': 'AMapUI' } } 3...
Vue高德地图Loca 2.0飞线功能初体验
liyoro的专栏
09-15 3802
高德地图原来是没有飞线功能的，很多可视化效果和百度相比确实差很多。 在 Loca 2.0 API 里看到了一个PulseLinkLayer的图层 连接飞线图层，可以支持弧度，宽度，过渡色等能力。 并且还支持脉冲动画，可以表达数据的朝向。 按文档使用了下，发现没效果。发工单问了下，回答说文档有，但是功能是没有的，一周后会实现并上线使用例子？？？？？？？ 官方例子：北京人口流出弧线 代码实现 具体是在 [高德开放平台GeoHUB初用（Vue使用高德地图Loca 2.0）](https://liyoro.co
高德地图_Loca_和_路线规划_vue_演示项目_demo-map-loca.zip
08-30
高德地图_Loca_和_路线规划_vue_演示项目_demo-map-loca
【深度学习】DataLoader自定义数据集制作
最新发布
Father_Of_Soft的博客
02-06 504
DataLoader自定义数据集制作
vue中引入高德地图Loca数据可视化
前端-尔嵘
11-03 5882
目录引言：关键词：正文：一、如何安装或者引入：二、如何引入：三、如何使用：四、完整代码：五、效果图 参考： 前面我的文章介绍了vue中引入高德地图实例的，详情可以去参考，由于需求增加，地图要做的更加美观、数据更加符合真实的空间数据呈现，依旧选择高德地图的API，这里我们选择引入高德地图 在vue中加载 数据可视化 Loca api 2.0版本。 vue、高德地图、LOCA、数据可视化 Loca 数据可视化 API 2.0（以下简称为LOCA API 2.0）是一个基
Apache Amaterasu 项目教程
gitblog_00090的博客
06-21 413
Apache Amaterasu 项目教程 incubator-retired-amaterasu-site Apache Amaterasu Site Incubating 项目地址: https://gitcode.com/gh_mirrors/in/incu...
vue 引入高德地图
Lyq2017901206的博客
08-26 359
index.html 引入高德地图。
高德地图 Vue 中 加载 数据可视化 Loca 的方式
学习笔记
07-09 6472
高德地图 Vue 中 加载 数据可视化 Loca 的方式 今天想用 Loca 试试如何的，结果怎么都加载不上，我的代码是这样的 AMapLoader.load({ key: "这个就不展示了", // 开发应用的 ID version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15 plugins: [ 'AMap.ToolBar',
高德地图Loca和路线规划vue演示项目.zip
10-21
该项目是一个基于Vue.js框架的高德地图应用实例，主要展示了如何集成高德地图Loca服务以及路线规划功能。Vue.js是目前非常流行的前端JavaScript框架，它以组件化开发、轻量级、易学习等特性受到开发者喜爱。而高德...
Vue项目中使用高德地图
2402_85402030的博客
06-06 2004
v=1.4.13&key='你自己申请的key'", "//webapi.amap.com/ui/1.0/main.js" ] } // 判断环境 if (process.env.NODE_ENV === "production") { args[0].cdn = cdn;// 多个插件 AMap.plugin(['AMap.ToolBar','AMap.Driving'],function(){//异步同时加载多个插件 var toolbar = new AMap.ToolBar();
Web端调用高德地图-自定义地图-只显示中国区域
大石化鸟的博客
02-15 4260
Web端调用高德地图-自定义地图-只显示中国区域
vue 高德地图geojson_Vue项目中使用高德地图
weixin_33316599的博客
01-22 3559
在一些简单的大屏类展示应用/网页中，经常会用到地图相关的展示场景，除了一些特殊的三维场景需要用Gis/BIM或者WebGL，一些简单的业务就可以直接使用高德地图或者百度地图来完成。本文主要讲述在Vue项目中高德地图JavaScript API的引用方式以及一些简单的API的使用。演示项目使用vue cli 4.0脚手架搭建项目。1. 引用在高德地图发布 2.0 版本...
vue+echarts+geoJson+MakeAPie实现地图下钻和数据显示
前端-尔嵘
10-15 4162
一、参考示例：Make A Pie 说明：上面这个是JQuery实现的地区分布图 二、实现过程： 1、下载json: 地址：https://hxkj.vip/demo/echartsMap/ 或者：EasyMap 下载的有的并非是严格的json文件，选用用json.cn进行转换 2、vue文件中引入json，直接使用 import jsonData from "../assets/json/411300.json"; //引入josn文件 3、将参考实例中的参考代码语法......
十分钟玩转 vue3+高德地图AMap+geojson批量绘制Polygon地块数据展示【二、创建地图】
FUN的博客
08-05 2711
上诉三步做完之后就会得到一个展示地图的容器，一个显示地图信息的展示板，以及一个用于控制展示信息的操作面板；1、在template标签内，创建container的DOM 用于展示高德地图。接下来开始进入重点的部分，首先我们在 script 标签内引入所需要的组件。2、创建一个div（state-text）用于展示当前鼠标所在的坐标信息。注：本文讲解的内容仅适用 ts 方式，如果写传统的 js 请自行改造代码。至此，你已经完成，地图加载出来，并且能够实时获取鼠标所在坐标的功能；...
高德地图使用之自定义地图
weixin_44634901的博客
12-27 3541
高德地图自定义地图使用
loca高德地图如何将后端传来的点位数据转换成geojson格式
qq_43977829的博客
06-21 2651
以下例子取自 https://lbs.amap.com/demo/loca-v2/demos/cat-scatter/sz-road 黄色呼吸点的使用从官网复制代码时用的是他自带的geojson，用自己的数据是需要将url换成data 打开后发现里面的格式是这样的(内容较长，只截取部分) 而一般我们从后端拿到的接口数据是这样的 接下来就是将我们的json用js代码转换一下格式 根据上面的地址里的geojson格式一步一步改变我们自己的格式，注意每一个字段都要对上，不然点位可能就显示不出来。 最后我们将得到的
vue中使用Echarts地理地图并结合高德地图实现一个国、省、市、区的地图下钻功能
weixin_43996368的博客
04-02 4888
vue中使用Echarts地理地图并结合高德地图实现一个国、省、市、区的地图下钻功能一、需求：按不同的层级展示不同的内容1.中国地图2.省级地图3.市级地图4.县和区以下的地图二、开发1. Echarts和地图容器的设置相关代码2. Echarts绘制相关代码2.Map绘制相关代码三、演示 一、需求：按不同的层级展示不同的内容 先放个UI图，这是要期望达到的效果 1.中国地图 点击带黄圈的深色区域可以进入对应的省份 2.省级地图 点击带黄圈的深色区域可以进入对应的地级市；点击返回上级可以回到中国地图 3
【高德地图进阶】--- 通过geoJson绘制城市版块
qq_39078783的博客
12-23 4417
我们已经学会了如何绘制点，线，面。今天我们就结合geoJson进行绘制 点，线，面。 通常的业务场景是希望绘制一个城市的版块，我们可以先拿到一个城市的geoJson（通常是只包含面（MultiPolygon）），然后通过高德的api绘制城市版块 如何获取快速城市的GeoJson数据 我们可以使用阿里云的DataV 可以通过点击选择想要的城市版块，这里以山东省为例。 复制链接，我们可以直接在项目中使用 全部代码展示 （其中xxxx 高德的秘钥，cccc是高德的key，需要自己申请） <!DOC.
【高德地图入门】--- 解析geojson
热门推荐
qq_39078783的博客
12-22 1万+
简介 GeoJSON是一种用于编码各种地理数据结构的数据。GeoJSON对象可以表示几何、特征或特征集合。GeoJSON支持以下几何类型：点（Point）、线（LineString）、面（Polygon）、多点（MultiPoint）、多线（MultiLineString）、多面（MultiPolygon）和几何集合（GeometryCollection）。GeoJSON中的功能包含几何对象和其他属性，特征集合表示一系列特性。 GeoJSON对象 GeoJSON总是由一个单独的对象组成。此对象（指的是下
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值