高德 | 易学教程

高德地图——根据兴趣点切换地图

阅读更多关于高德地图——根据兴趣点切换地图

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>高德地图</title> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } #container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #setZoomNode,#setCenterNode{ width: 280px; position: absolute; z-index: 99; right: 20px; top: 50px; border: 1px solid black; box-shadow: 0 0 5px black; background: white; } #setCenterNode{ top: 50px; } #node li{

H5高德地图获取当前位置

阅读更多关于 H5高德地图获取当前位置

H5高德地图获取当前位置 <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>浏览器定位</title> <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" /> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=ad26780bfaabf0ca27ae6078e2e81682"></script> <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> <body> <div id='container'></div> <div id="tip"></div> <script type="text

vue 高德地图

阅读更多关于 vue 高德地图

步骤： 1.去高德开发者平台申请key； 2.安装vue-amap； 3.使用组件调用地图一.npm安装vue-amap npm install vue-amap --save 二.在项目main.js引入vue-amap import AMap from 'vue-amap'; Vue.use(AMap); // 初始化vue-amap AMap.initAMapApiLoader({ // 高德key key: '你的key', // 插件集合（插件按需引入） plugin: ['AMap.Geolocation'] }); 三.在map.vue(我自己定义的 .vue) template 中加入，加入script export default <template> <div class="amap-page-container"> <div :style="{width:'100%',height:'300px'}"> <el-amap vid="amap" :plugin="plugin" class="amap-demo" :center="center"> </el-amap> </div> <div class="toolbar"> <span v-if="loaded"> location: lng = {{ lng }} lat = {{ lat }} <

软件课设Day9

阅读更多关于软件课设Day9

今日工作： 1.实现在高德地图上某一地址的查找功能。使用search方法，传一个关键词参数即可； //关键词查询 function placeSearch1() { var MSearch; mapObj.plugin(["AMap.PlaceSearch"], function() { MSearch = new AMap.PlaceSearch({ //构造地点查询类 pageSize:10, pageIndex:1, city:"021" //城市 }); AMap.event.addListener(MSearch, "complete", keywordSearch_CallBack);//返回地点查询结果 MSearch.search('南京理工大学'); //关键字查询 }); } 2.实现在高德地图上的汽车导航功能，能够绘制出行驶轨迹。明日计划：暂等组长确定每日小结：最近几天毕业实习的工作也很紧，都怪上学期没修这个软件课设，现在搞得两头忙不过来。今天主要是就昨天要求的计划研究怎么在现有基础上加上搜索功能，比较复杂，在这上面花的时间太少了，后面要多花时间。来源： https://www.cnblogs.com/sun1979/p/11420156.html

vue引用高德地图api（输入提示插件）无法获取数据问题

阅读更多关于 vue引用高德地图api（输入提示插件）无法获取数据问题

在用vue做调度系统项目的时候引用高德地图api进行地点输入时需要提示可能的地点。就是高德地图api的输入提示插件，这有一个好处，高德地图api传过来的json中含有坐标，方便在地图上打点以及地图相关操作。看实例我需要在输入地址的时候可以显示可能的地址列表，如下图。官方实例：https://lbs.amap.com/api/javascript-api/example/input/input-prompt 这个只能一个输入框用，我需要2个以上，所以将实例代码封到一个函数中，在input框获取焦点的时候执行函数，这样不管有多少个都可以。 < input class = " form-control m-input tipinput " placeholder = " " v-model = " mainData.yongchedidian " id = " yongchedidian " type = " text " onfocus = " map(this.id) " > 但是还存在一个问题，vue获取不到第三方插件引起的数据改变。所以给插件添加了一个监听事件，当选中某个值得时候利用Vue.set改变数据。如下 function map ( id ) { var auto = new AMap . Autocomplete ( { input : id } ) ; AMap

关于flutter使用高德地图search api

阅读更多关于关于flutter使用高德地图search api

pub搜了下 amap_base_flutter 属于评分比较高的了参考https://github.com/flutter/flutter/pull/34369 编译的时候报错 e: C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\amap_base_search-0.4.1\android\src\main\kotlin\me\yohom\amapbasesearch\search\SearchHandlers.kt: (326, 1): Object 'DistanceSearchHandler' is not abstract and does not implement abstract member @UiThread public abstract fun onMethodCall(@NonNull p0: MethodCall, @NonNull p1: MethodChannel.Result): Unit defined in me.yohom.amapbasesearch.SearchMethodHandler e: C:\flutter\.pub-cache\hosted\pub.flutter-io.cn\amap_base_search-0.4.1\android\src\main\kotlin\me

高德地图api使用过程出现崩溃

阅读更多关于高德地图api使用过程出现崩溃

java.lang.UnsatisfiedLinkError: Native method not found: com.autonavi.amap.mapcore.MapCore.nativeNewInstance:(Ljava/lang/String;)J at com.autonavi.amap.mapcore.MapCore.nativeNewInstance(Native Method) at com.autonavi.amap.mapcore.MapCore.(MapCore.java:62) at com.amap.api.mapcore.AMapDelegateImpGLSurfaceView.(AMapDelegateImpGLSurfaceView.java:345) at com.amap.api.mapcore.AMapDelegateImpGLSurfaceView.(AMapDelegateImpGLSurfaceView.java:307) at com.amap.api.mapcore.ai.a(MapFragmentDelegateImp.java:122) at com.amap.api.maps.MapView.onCreate(MapView.java:131) === 跟大家分享一个东西一下：我采用amap api进行开发的时候

2019.8.24课程设计报告

阅读更多关于 2019.8.24课程设计报告

一、当天完成的任务今天用高德的API载入了地图并进行了定位的服务，总体来说高德用起来体验极佳。一开始选用的是百度的API，给的SDK简直神坑，没有监听器。效果图：代码（全靠拷贝）：二、第二天的计划先把这个测试项目和主项目整合起来，再看看导航功能三、每日小结 ①高德感觉挺好用的，推荐一下 ②用做个浮窗的提示开应用权限，不能只能手动开定位权限；一开始没开导致不能定位，直接默认给了北京的地图 ③今天开始传Github了，用Android Studio传还是挺方便的，配置git.exe就行了（虽然传的速度太慢了）。之前暑假那个地铁项目用eclipse做的，里面传就8太行，也放弃用Desktop了来源： https://www.cnblogs.com/RecKono/p/11405945.html

2019/08/24最新进展

阅读更多关于 2019/08/24最新进展

今天完成的工作如下： 1.在高德开发者平台上注册开发者账号，下载高德地图sdk。 2.在Android Studio上创建新Project，包名为com.amap.YLIAD.demo。 3.在高德开发者平台上创建新应用，获得应用YLIAD的key。 4.阅读高德地图的官方文档，在新创建的project中进行配置，导入jar包。 5.在手机上安装了新创建的project，并且可以显示高德地图，该地图可以进行缩放。找到我们学校：今晚以及明天的计划如下： 1.阅读官方文档，在project上实现目的地导航功能。 2.根据我们在墨刀上所设计的软件，在project上实现汽车导航功能。 3.继续完成暑假的任务，读论文，完善安全距离模型。要把能见度和路面湿滑程度加进去。 4.再去看看暑假写的求汽车安全速度的神经网络代码，在matlab上再跑跑程序。心得体会： 1.今天遇到的问题可多了，呵呵。如何找到SHA1，如何使用Android Studio，如何在手机上安装相应apk，安装过程中出现一个很让人摸不着头脑的bug，查了很久才知道原来是要把华为手机的一项权限关掉。在导入高德地图的过程中遇到的麻烦更大，晕头转向了很久，csdn上的博客看了一篇又一篇，同一篇看了一次又一次，后来我只能采取最原始的排除法，一步步执行，最终发现bug在于我在build.gradle中重复配置了jar包

vue调用高德地图：vue-amap

阅读更多关于 vue调用高德地图：vue-amap

vue调用高德地图拢共分三步 1.去高德开发者平台申请key； 2.安装vue-amap； 3.使用组件调用地图 2.vue安装vue-amap npm安装 npm install vue-amap --save 　 CDN 目前可通过 unpkg.com/vue-amap 获取最新版本的资源。 <script src="https://unpkg.com/vue-amap/dist/index.js"></script> main.js引入vue-amap // 引入vue-amap import AMap from 'vue-amap'; Vue.use(AMap); // 初始化vue-amap AMap.initAMapApiLoader({ // 高德的key key: 'YOUR_KEY', // 插件集合（插件按需引入） plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'] }); 3.组件里调用高德地图需要注意：<el-amap>一定要设置宽高，不然地图不会显示。或者给外面套一个div，给div设置宽高也行。

订阅高德