高德地图

插件方式接入百度地图和高德地图

こ雲淡風輕ζ 提交于 2021-02-16 07:10:10
我们的应用可能会用到地图定位等功能,但是无论高德还是百度直接接入到应用中都会导致体积增大,甚至导致65535方法数问题,所以用插件的方式接入是个不错的选择。 这里我用了 Apkplug 这个插件框架,下面是我的接入过程。 ##百度地图接入 这里介绍一下将百度地图作为插件并接入宿主的例子,例子没有将完备的功能接入,只是将一个定位界面接入,在宿主中点击一下按钮,弹出定位界面。 ###一、插件开发 其实比较麻烦的是账号申请,key申请,所以先介绍一下这些相关的。 注册的话,这里不做详细介绍,我第一次注册,怎么都要求我上传什么身份证正反面照片,我没传,第二次登陆的时候好像就不需要了,你遇到相同的情况,可以先退出,再登陆,也许可以绕过上传证件照。 申请key,这个跟高德地图的操作差不多,但是使用时有所差别,下面会说,先看一下key的申请。 这里是百度地图的控制台 点击创建应用后,如下图所示: 其中,apk签名sha1值的取得参考 这里 这里需要注意的是,一个应用想使用这个key,需要签名、包名、key值相对应。地图sdk是在插件中接入的,所以key值需要配置在插件里,但是百度地图sdk读取包名时,会读取宿主的,所以在创建key时,直接使用宿主包名,但是将生成的key配置到插件。如果为了测试时插件独立运行,可以单独为插件生成一套相应key,但是加入宿主时,必须换成宿主key

iOS 高德地图定位及地理反编码的简明教程

半世苍凉 提交于 2020-03-01 13:07:16
最终效果图: 一, plist及frame的配置 1 ,info.plist文件中添加 Privacy - Location When In Use Usage Description(需要时开启定位,另一个是Privacy - Location Always Usage Description 一直开启定位)。 2, 添加framework框架,MapKit.framework与CoreLocation.framework,并分别在需要定位的视图中导入头文件:CoreLocation/CoreLocation.h 与 MapKit/MapKit.h 二,开启定位 1, 在项目中加入代理协议:CLLocationManagerDelegate,MKMapViewDelegate @interface ViewController : UIViewController<CLLocationManagerDelegate,MKMapViewDelegate> @property (nonatomic,strong) CLLocationManager *locationManager; @property (nonatomic,strong) CLGeocoder *geocoder; @property (nonatomic,strong) MKMapView *mapViewL;

【高德地图API】从零开始学高德JS API(五)路线规划

ⅰ亾dé卋堺 提交于 2020-02-29 00:39:42
先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1、路线规划,指的是为用户提供3条路线推荐。【高德】在提供路线规划的时候,会提供用户自定义路线规划功能,这是别家没有做到的。导航,指的是为驾车用户提示路口信息,向左向右,进入匝道等信息。 2、我们这里说的步行导航和驾车导航,严格的说,应该是路线规划。从A地到B地,如果是驾车,路线规划会将公路路网做为搜索数据;如果是步行,过街天桥、地下通道、人行道做为搜索数据。 ------------------------------------------------------------------------------------------------------- 一、路线规划——驾车 1、驾车路线规划 有三种策略,分别是 最短时间、最少费用、最短路径、 规避拥堵 (参考了实时交通数据,这个比较NB)。 LEAST_TIME,LEAST_FEE, LEAST_DISTANCE,REAL_TRAFFIC 我们在这里采取驾车插件来做。代码: //驾车导航 function driving_route() { clearMap(); mapObj.plugin(["AMap.Driving"], function() { var DrivingOption = { policy: AMap

【高德地图API】从零开始学高德JS API(四)搜索服务

℡╲_俬逩灬. 提交于 2019-12-25 11:52:09
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> demo: http://zhaoziang.com/amap/zero_4_1.html 示意图1:自动完成,输入提示 示意图2:云图,自有数据检索,A-H图标显示,麻点图 --------------------------------------------------------------------------------------- 一、POI搜索 1、关键字查询 使用search方法,传一个关键词参数即可。 MSearch.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

【云图】如何制作AMF生态鱼缸实体店分布图

蓝咒 提交于 2019-12-01 21:49:43
摘要:很多商家都有自己的实体店,包括KFC啊,麦当劳啊,姐最爱的眉州小吃啊。那么,商家就会有这样一个需求:把实体店地址标注在地图上,并引导客户驾车或者坐公交去到指定地地址。可是商家一般都不会地图开发,这可怎么办呢?不用担心,我把代码都给大家写好了,鼠标点一点,实体店地图立马呈现!本文以姐最爱的AMF海水农场实体店为例,告诉大家如何在自己的网站上嵌入一个【全国实体店查询地图】。 效果图: -------------------------------------------------------------- 一、数据准备 从官网获取地址数据: http://www.amfaqua.com/ 粘贴到excel里,并保存为csv文件。 name,address,tel,pic 河南鹤壁旗舰店,河南省鹤壁市淇滨区鹤煤大道西段建业森林半岛,18810067778, 苏州邻瑞店,江苏省苏州市工业园区邻瑞广场三层,18505121300,http://www.amfaqua.com/uploads/allimg/131230/1-131230152K1504.jpg 临汾鼓楼店,山西省临汾市尧都区鼓楼广场步行街,15388570002,http://www.amfaqua.com/uploads/allimg/130904/1-130Z4002334543.jpg 北京三里屯店

【云图】如何制作附近实体店的地图?

夙愿已清 提交于 2019-11-30 17:57:57
摘要: 附近连锁店地图与全国连锁店地图,最大的区别就是: 1、附近连锁店地图需要 先定位 ,然后 搜索附近 的店铺。 2、全国连锁店地图 ,是先选择城市,然后 检索某城市内的全部门店 信息。 本文就详细讲解了如何制作附近实体店的地图,并调起高德地图进行导航,调起打电话功能。 本文还详细讲解了如何设置支付宝服务、微信公众号、微博官方账号的地图功能。 ------------------------------------------------------------------------ 一、支付宝设置 登录支付宝服务窗: https://fuwu.alipay.com/platform/queryMenu.htm 自定义菜单 -> 主菜单 -> 有子级菜单 填写子菜单名称,设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点击发布。 二、微信设置 登录微信公众平台: https://mp.weixin.qq.com 功能->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动作 设置为跳转网页,并且放入网址。比如菜鸟物流: http://zhaoziang.com/amap/cainiao.html 最后点保存。 三、微博设置 登录微博: http://weibo.com/ 管理中心-

【云图】如何制作全国KTV查询系统?

倾然丶 夕夏残阳落幕 提交于 2019-11-29 14:19:46
摘要:本文以【唱吧】531麦霸音乐节为案例,详细解读了如何导入自有数据到高德云图,并进行检索和展示。最后,调起高德mobile地图来进行路线规划和周边查询。 本案例可以应用在微信开发平台,支付宝公众服务上,适合餐饮商家,汽车4S店,银行,停车场等业务。 由于使用高德云图+URI API的方式实现,开发者无需进行繁琐的数据库操作,即可实现自有数据的存储与检索。 -------------------------------------------------------------- 一、数据准备 从唱吧531麦霸节官网获得数据: http://changba.com/yunying/ktvStaticList.php 拷贝到excel,另存为CSV格式,并改成UTF-8或者GBK编码。 二、导入数据 登录云图: http://yuntu.amap.com/datamanager/index.html 点击新建地图: 导入刚才的数据: 点击预览: 出现全国KTV分布图: 三、UE设计图 1、对于KTV的展示,有列表模式和地图模式2种。 2、按照城市检索并展示KTV数据。 3、点击某个KTV,跳转到高德mobile地图,进行路线规划。 四、云图展示全国KTV 采用云图层的方法,将麻点图展示出来。 //地图-云图层 mapObj.plugin('AMap.CloudDataLayer',

iOS 高德地图(-)(基础篇)

爷,独闯天下 提交于 2019-11-28 15:09:17
1.下载高德应用SDK包(打开官网,并加入下载页面) 2.点击头部栏目开发进入iOS地图SDK 3.进入SDK开发文档后,点击相关下载,下载相应的SDK包 选择相应的SDK包,并下载到电脑上 4.打开其中一个下载安装包(并把SDK中的framework拖拽到工程中去) (1)注意,在SDK缺少一个Bundle图片文件,如果你需要,这需要下载上方提示的Demo包 (2)在demo包中找到AMap.bundle文件 (3)直接把bundle文件拖拽到文件中即可 5.打开官网中的配置framework的文档,并根据文档给高德framework库进行配置(选中开发指南中的手动配置选项) 6.根据文档添加相应的库 7.添加以后工程的库 8.配置完库以后,根据文档,配置环境设置(在BuildSetting中找到Other Linker Flags 并添加-Objc) 9.配置库的匹配设置(支持32位库) 需在 TARGETS->Build Settings->Architectures 点出选择框,选择 “Other”,将默认值修改为 $(ARCHS_STANDARD_32_BIT) 。, 在成功配置完SDK下载包后,还需要配置app的key。 这个key的唯一用途就是用来识别哪个app在使用高德地图,这个一般用于数据统计的时候会用到。但是,如果不配置app的key。是无法使用高德地图的