高德 | 易学教程

前端开发中的地理定位问题小总结

阅读更多关于前端开发中的地理定位问题小总结

项目中遇到地理定位的问题，没遇过不知道，遇过就发现这是个比较坑的问题。这个问题其实困扰了我挺久的，还不如一次性了解清楚。所以本文进行了一些小总结，先简单总结我看过的关于定位技术的资料，然后介绍前端开发中的可选定位方案，以及存在的一些问题。定位技术概念上很好理解，就是定位你在哪里的技术。常见的定位方式有基站定位，WiFi定位，IP定位，GPS定位等。基站定位基站是能进行信号交换的站点。手机能接受信号，打电话就是通过手机基站。这些基站是由国家移动通信运营商建的，比如中国移动，中国联通，中国电信。原理如下，通过手机接受不同几个基站的信号强度来判断二者之间距离，当然基站的位置信息本来是已知的，所以手机的位置就知道了。前提是手机必须处于SIM卡注册状态下。由于手机信号会受干扰，基站定位精度较低。而且精度也受基站的密度影响，密度越大越精准。 WiFi定位 WiFi是无线上网的一种技术。平时手机不连上WiFi的功能就能定位。大致的原理是，WiFi信号被设备检测到，数据库记录这个WiFi信号和设备对应的位置。当它被越来越多的设备检测到，它的位置就可以利用这些数据通过某种算法来得出。由于信号随着距离的增加而减少，根据设备获取到的WiFi信号强度就可以计算出两者之间的距离。知道了周围几个点，以及与这些点之间的距离，待定位的设备位置就不难计算出来了。WiFi定位是由谷歌提出的

高德地图和canvas画图结合应用(一)

阅读更多关于高德地图和canvas画图结合应用(一)

现在重构web项目的时候发现，以前项目中是高德画基站的扇区的时候，通过计算点来画多边形，在站点的数量比较多的时候，会增加请求，同时计算扇区的时候有大量的计算，这样会极度浪费服务器的性能，所以对这块进行了改良，直接使用的高德地图的canvas层在画基站，效果如下图所示：其代码为： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ImageLayer</title> <meta id="viewport" name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0"/> <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/> <script src="http://webapi.amap.com/maps?v=1.4.2&key=您申请的key值"></script> --> </head> <body> <div id="container"></div>

高德地图打包后不能使用，高德导航View不显示，高德地图导航组件黑屏的问题；

阅读更多关于高德地图打包后不能使用，高德导航View不显示，高德地图导航组件黑屏的问题；

在现在的APP中地图真的很常见，我们在去使用是一般都会选择一些三方的API，像百度、高德等等。。。在集成的过程中，难免会遇到一些问题，大部分问题我们仔细的阅读开发文档都能解决的；但是！！！问题出现后就没心情去细细的看文档了，总想着去搜索问题看有没有类似的；主要问题：打包后地图出现问题，绝大部分都是因为KEY的原因，我们使用正式签名文件中的SHA1去创建一个KEY替换到代码中的那个就行了；而我的问题：高德地图导航功能出来一个组件导航挺有意思的，集成试了一下，感觉很棒没有任何的问题，但是我打包后，导航的View全部不显示，组件导航功能进入就是黑屏。“修改代码，打包安装”进行了无数遍，问题足足困扰了几天，都没有解决；实在没有办法在高德开放平台提交了工单；您好，你的问题是因为您打包混淆时将我们组件的一些必要类给混淆掉了，导致在运行的过程中找不到对应的类。请您参考我们官网的开发注意事项里的混淆配置修改一下您的混淆配置文件。网址：http://lbs.amap.com/api/android-navi-sdk/guide/create-project/note 具体的混淆配置为：导航 -keep class com.amap.api.navi.**{*;} -keep class com.autonavi.**{*;} 内置语音 V5.6.0之后 -keep class com

第12组团队Git现场编程实战

阅读更多关于第12组团队Git现场编程实战

分工及贡献组内有三人去考证了，只剩下6人组员分工贡献比例王永福前后端，爬虫，博客主体 30% 孙承恺建模，算法设计，统筹 18% 邱畅杰爬虫 15% 徐祖豪前端数据可视化 13% 张凌昕前端数据可视化，部分博客 11% 丁枢桐数据可视化，聚类算法 13% GitHub提交日志 GitHub 程序运行截图爬虫服务器端部分数据程序运行环境爬虫 Anaconda 3 Python 3.7 涉及的包比较多，这里不一一列出，稍后我会将Anaconda环境导出到 environment.yml 并上传至GitHub，大家可以去看服务器端 Python Flask Flask-CORS 前端页面建议Chrome 76或以上，其他没试过前端构建 Node.js 10 Yarn包管理器 Vue-cli 3 其他依赖包在 package.json 中有，可以 yarn install 直接安装另外需要可用的高德地图的Key GUI界面基础功能实现数据爬取根据题目要求，我们需要爬取相关数据，根据对题目的分析，以及对美团和大众点评、高德地图的前期调研，我们认为可以将前三个评测目标划为一组，数据一起爬取，因为它们需要的字段比较相似（可以见上面的数据截图）；第四个目标我们在美团上找不到数据，大众点评难以爬取，因此转向高德POI搜索爬取。

第01组团队Git现场编程实战

阅读更多关于第01组团队Git现场编程实战

[TOC] 组长博客一、组员职责分工组员分工邓泽源后端姚彬锟后端张庆焰前端周鑫煌 UI原型图陈展鸿后端陈观鸿前端吴洁敏博客朱宏爬数据二、github 的提交日志截图（鼓励小粒度提交）三、程序运行截图美团商圈信息爬取（JSON格式）美食与商户评价四、程序运行环境用户要求：Android 5.0以上版本 UI设计：磨刀前端要求：Android 5.0+ 后端要求：windows 10 python 3.7 五、GUI界面六、基础功能实现 1.能将店铺的名称、综合评分、详细地址、联系电话、营业时间、许可证、经纬度、平均消费、所属品牌、相册爬取下来 2.前端能将信息进行展示 3.测评出福州最受欢迎的商圈（参考人气） 4.分别测评出福州人均消费50以下，50-100、100-200、200以上最佳（性价比最高）的前五家美食餐厅（参考评价与价格） 5.测评出福州最佳美食聚集地 6.测评出福州服饰类综合评分最高的商圈 7.基本数据可视化 8.UI界面七、鼓励有想法且有用的功能 1.增加玩乐的商圈 2.增加对娱乐的地方的排行榜 3.自动排序综合性价比高的餐厅，并且会把招牌菜列出来 4.给一个对比的功能，两家类似口味的餐厅根据菜品和评价做对比八、遇到的困难及解决方法邓泽源 1、困难：美团、大众的爬虫爬取会随着访问次数上升而封IP

vue中使用高德地图搭建实时公交应用（地图 + 附近站点+线路详情 + 输入提示+换乘详情）

阅读更多关于 vue中使用高德地图搭建实时公交应用（地图 + 附近站点+线路详情 + 输入提示+换乘详情）

本文转载于: 猿2048 网站➵ https://www.mk2048.com/blog/blog.php?id=h12k2bb1hj 最近项目要使用高德地图写了一个实时公交的应用，这边分享一个小应用主要熟悉下高德地图在vue中的使用，常用api，vue的常用指令先给大家看下页面效果：如果有需要源码的童鞋请移步我的github地址 vue搭建实时公交 (欢迎star) 实现思路在vue项目中导入高德地图具体功能调用相应高德js APi 1.在vue项目中导入高德地图 1.修改webpac.base.conf.js文件 externals: { 'AMap': 'AMap' } 2.引入sdk 引入有两种方式，一种是在index页面直接引入 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 还有一种是异步加载 <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&callback=init"></script> <script> function init(){ var map = new AMap.Map('container', { center: [117.000923

APICloud打开三方地图整合

阅读更多关于 APICloud打开三方地图整合

一直想系统的整理打开地图的方法，今天抽时间把了百度，高德，腾讯，苹果自带地图都整理出来了，闲话不多说，直接上干货 ----------------------------------------------------------------------code start---------------------------------------------------------------------------------------------------- <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> <title>apicloud百度，高德，腾讯，苹果自带地图导航</title> </head> <body> <div> <button id="baidu">打开百度地图</button> <button

高德地图使用――定位功能

阅读更多关于高德地图使用――定位功能

在上一次中我们说到了如何申请key值，和在Application中如何配置，以及将地图显示出来。如果没看过的朋友们可以看一下笔者上一篇文章：最新高德地图使用（SDK6.3.0版本）――申请key、显示地图。在这一篇中，我们将了解如何实现高德地图定位功能。相比于上一篇来说，我感觉这一篇的内容应该不会那么多，因为实现定位的功能实在是太简单了，只是涉及到几个类而已。在看代码之前，我们先看一下实现定位需要涉及到的几个类吧： AMapLocationClient类这个类是定位服务类，我们通过这个类实现定位。AMapLocationClient类主要涉及到的工作有：启动、停止定位设置、移除监听器设置定位参数（AMapLocationClientOption类，之后会详细介绍这个类） 1.构造方法 public AMapLocationClient(Context var1) AMapLocationClient类的构造方法传入一个上下文参数，我们最好通过getApplicationContext方法获取全局Context，或者自定义Application中添加全局Context来获取。 2.常用方法限定符返回值方法名解释 public void setLocationOption （ AMapLocationClientOption option ）设置定位参数

使用高德路径规划api实现轨迹的模拟

阅读更多关于使用高德路径规划api实现轨迹的模拟

最近在做一个共享汽车出行平台可视化的项目，用户提供的数据本身只包含起止点，但是用户想查看每天使用用户的动态轨迹信息展示，关于动态轨迹展示方法，可以参考这篇文章：几种动态轨迹可视化效果实现方案-echarts、mapv、deck.gl 。为了满足用户的要求，就需要自己根据起止点进行轨迹数据的模拟。轨迹的模拟，我这里真正有用的信息是轨迹点，查找了下百度和高德的地图开放接口，发现路径规划可以满足上述的需求，对比了下高德和百度接口，发现两个差不多，主要是我是高德企业开发者，就选用了高德api实现。两个平台api地址分别如下： 1.百度： http://lbsyun.baidu.com/index.php?title=webapi/direction-api-v2 2.高德： http://lbs.amap.com/api/webservice/guide/api/direction 由于我这的需求是共享汽车出行轨迹模拟，这里我主要用驾车路径规划，调用接口如下： http://restapi.amap.com/v3/direction/driving?parameters 由于平台对流量有限制，大家可以根据实际需要进行注册开发者或者企业开发者：其实使用过程一点都不复杂，主要就是返回结果的解析，然后根据实际渲染的数据结构对数据进行重新组合，模拟的轨迹可视化效果如下：文章来源:

高德地图开发：关于“INVALID_USER_SCODE”问题的解决参考方案。

阅读更多关于高德地图开发：关于“INVALID_USER_SCODE”问题的解决参考方案。

在一个使用到高德地图的项目中出现了定位位置出现偏差的问题，参考高德官方api的解决方案，解决了问题。根据调试出现的输入日记：在高德地图官方网站上搜索相应的内容，得到参考的解决方案：一、检查SHA1值： 1）检查SHA1的值：（通过以下方法可以获取到对应的SHA1值，当然，也可以通过cmd控制台通过命令行的形式查看SHA1的值） publicstatic String sHA1(Context context) { try { PackageInfo info = context .getPackageManager () .getPackageInfo ( context .getPackageName (), PackageManager .GET _SIGNATURES) ; byte[] cert = info .signatures [ 0 ] .toByteArray () ; MessageDigest md = MessageDigest .getInstance ( "SHA1" ) ; byte[] publicKey = md .digest (cert) ; StringBuffer hexString = new StringBuffer() ; for (int i = 0 ; i < publicKey.length; i++) { String

订阅高德