vue 高德 官方组件
原创
2023-05-21 16:23:41
104阅读
36氪获悉，高德地图APP在首页新增“小程序”主入口。在最新的安卓版APP中，高德地图对首页界面进行了大幅调整：用户通过上划动作，即会在原有的“常去地点”下方出现“小程序”列表，用户可打开最近使用的小程序和收藏的小程序，还可查看由系统个性化推荐的“大家都在用”的小程序列表。 左：高德地图主页截图；右：“小程序”页面截图据36氪观察，高德地图首批推荐的小程序应用，主要集中在车主出行和本地生活领域，
转载
2023-09-26 09:10:00
490阅读
简介： 高德地图技术团队希望打造一套快速精准的UI解决方案，通过自动化的方式生产UI代码，解放研发生产力的同时满足客户需求。一、背景汽车导航作为ToB业务，需要满足不同汽车厂商在功能和风格上体现各自特色的需求。针对这种情况，传统的UI开发方式，基本上是一对一的特别定制。但是这种方式动辄就要500~600人日的工作量投入，成为业务发展的重要瓶颈。因此，能够对导航UI进行快速定制开发，成为汽车导航业务
转载
2024-06-17 20:31:17
100阅读
效果图如下： 主要功能：搜索，分页，距离显示，选择地址，移动地图查询附近相关地点。 1.首先在index.html引入高德地图的js；<!-- 高德地图的引用 -->
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key">
</scrip
转载
2023-10-19 15:32:21
199阅读
本来是想用vue-amap ，最后发现没有那样的可以参考的。于是转战高德原生地图。效果图在最后面。（一打开弹框，就能看到车子动态运行的轨迹，一个子就开始跑起来了）（本例子经过线上环境的检验，可直接复用）一、引入高德地图1.在index.html中引入高德地图<!--引入高德地图原生jar包-->
<script type="text/javascript" src="http
转载
2024-03-22 08:55:28
219阅读
1、 iView UI组件库 iView官网：https://www.iviewui.com/ 2、Vux UI组件库 Vux官网：https://vux.li/ 3、Element UI组件库 Element官网：http://element.eleme.io/#/zh-CN 4、Mint UI组
转载
2019-06-24 08:26:00
348阅读
2评论
一、移动端 1、nutui 2、Vant 3、Cube UI 4、Mint UI 二、PC端 1、Element UI https://element.eleme.cn/#/zh-CN 2、IView UI
vue组件书写规范import引入原则:
// import { mapState, mapGetters, mapActions, mapMutations } form 'vuex' // 涉及到状态管理的组件优先引入vuex
// import component from 'components/xxxxxx.component' // components
// import di
一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 ht tp s://ele ef e.git h ub .io/v ue-a ma p/#/这个就不细说了，按照其文档，就能够安装下来。二. 按照官方提供的方法引入1.修改webpac.base.conf.js
转载
2017-05-04 09:56:04
1236阅读
文章参考：高德地图：概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
原创
2023-10-08 17:01:16
539阅读
高德地图官网：https://lbs.amap.com/地图jsapi2.0https://lbs.amap.com/api/jsapi-v2/docu
原创
2022-06-27 16:16:45
954阅读
1、引入 map 和 json数据 <script src="https://webapi.amap.com/maps?v=1.4.15&key=151bb84e60e049d73a5d6f78b12b7000&plugin=AMap,AMap.CustomLayer,AMap.ControlBar ...
转载
2021-10-27 17:14:00
510阅读
2评论
Vue 接入高德地图 Vue 使用高德地图，实现缩放，鼠标绘制，测距、测面积、行政区域范围绘制、关键词查询等操作。 参考资料 高德地图API官网：https://lbs.amap.com/ 高德地图2.0参考手册：https://lbs.amap.com/api/jsapi-v2/documenta
原创
2022-06-23 13:40:06
1134阅读
项目简介vue-amapvue-amap是基于Vue 2.0和高德地图的地图组件。安装npm install -S vue-amap快速上手引入vue-amap// 引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({ // 高德的key key: 'Y...
转载
2021-08-22 13:04:23
1699阅读
1、自动 按需加载： 借助 webpack 的插件，自动把 全局引入的组件 变成 按需引入 的组件。 babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式 2、手动 按需加载： 不需要 另外下载 wepack的插件 在不使用插件的情况下，可以手动
转载
2024-05-06 22:24:56
67阅读
近日，高德地图更新版本，全新上线新功能“导航自定义”功能，用户可以自由组合导航的各个组件，让导航界面更契合个人需求和喜好，真正实现“我的导航我做主”。通常一个标准的导航界面大概会显示10多种元素，给用户提供全面的出行引导。而基于对专业司机用户的深度洞察，对人群精细化服务的渗透，以专业导航为基础，高德地图专门为用户推出了个性化定制导航信息展示的服务，以满足专业司机人群的个性化需求。用户可以根据自身驾
AMapUI 组件库：https://lbs.amap.com/api/amap-ui/intro 引入amap-jsapi-loader： 效果图参考高德地图UI组件示例：https://lbs.amap.com/demo/amap-ui/demos/amap-ui-pathsimplifier/simple-demo getHoverTitle事件对应的就是显示鼠标移到轨迹线上，显示的文字。就
转载
2024-05-30 23:09:58
713阅读
1评论
## 实现 Android 高德地图选点组件的指南
在Android开发中，集成地图功能是一项常见需求。本指南将教您如何使用高德地图API来实现一个地图选点组件。整个过程将分为几个步骤，您将逐步学习每一步所需的代码和工作内容。
### 流程概述
以下表格展示了实现高德地图选点组件的主要流程：
| 步骤 | 描述 |
|------|-----
这次采用高德地图提供的SDK来获取天气情况，并显示在桌面小组件上，首先要注册高德地图api KEY，高德开发平台官网的开发文档有详细介绍。这里讲一下如何获取SHA1值，借(fu)鉴(zhi)网上大神写的方法，直接Log打印出来即可public String sHA1(Context context) {
try {
PackageInfo info = context.ge
转载
2024-01-16 16:16:10
442阅读
配置工程：
使用 Android 导航 SDK 时，必须配合Android SDK 3D地图包 V2.2.1及以上版本一同使用，各版本对应地图版本号如下：Android 导航 SDKAndroid SDKV1.0.0V2.2.1或以上版本 3D地图包V1.1.0V2.3.0或以上版本3D 地图包配置工程的具体步骤如下：1.从网站下载开发包并解压。导航 SDK开发包解压后得到：“Android_
转载
2023-09-14 22:13:27
850阅读
