我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

ios高德地图开发,ios高德地图实景导航

React-Native-IOS使用高德地图

在github上找了好几个使用React Native封装基于ios的高德地图的依赖,但是大多数依赖无论手动连接还是自动连接都会有报错,个人感觉最大的可能就是不兼容现在的react-native^0.42.0,最后找到两个可以在IOS上显示的高德地图依赖和一个可以定位的依赖。

创新互联是一家专注于成都网站设计、成都做网站、外贸网站建设与策划设计,苍梧网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:苍梧等地区。苍梧做网站价格咨询:18980820575

可以显示高德地图,配置过程也非常简单,只需执行如下两个命令,运行时模拟器中地图显示的是英文,真机上地图显示的汉字,但是样式看上去有点奇怪,不知道是不是版本老的原因。

虽然这个依赖显示了高德地图,但是经过这些安装高德地图的试验,我感觉这个依赖很奇怪。(1)没有看到高德地图相关的文件 MAMapKit.framework、AMapFoundationKit.framework、AMapSearchKit.framework ;(2)没有进行高德key值的配置,个人感觉在 react-native-maps/ios/AirMaps/AIRMapManager.m 文件中,31行应该是输入高德key值的地方。

在ios上,可以按照说明文档进行配置,也就是手动链接。我是先执行 react-native link react-native-smart-amap 进行自动链接,然后再按照说明文件进行配置,需要注意的地方有两点:

这时的运行结果如下图所示,地图上并没有标注出坐标的位置,查了issuse列表看到别也提了这个问题,估计是依赖的问题,我就查了一下依赖的源码,试着找了一下,发现将 react-native-smart-amap/ios/RCTAMap/RCTAMap/RCTAMapManager.m文件中422、423、424行的NO改为YES ,地图上的位置标注就出来了,如下图所示。

以上都是在ios上的配置,在android端也有需要注意的地方。上一篇 React-Native-Android使用高德地图 已经讲了在android上使用高德地图,如果想在android端也使用react-native-smart-amap这个依赖来保持一致的话,需要先将android/setting.gradle、android/app/build.gradle、MainApplication.java中关于react-native-amap-android的配置去掉,然后再按照说明文档配置react-native-smart-amap,否则会报两个错误。

第一个错误如下图所示,解决办法是将gradle.properties文件中被注释的 org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 放开。

第二个错误如下图所示,是由于包冲突,因为已经存在一个高德地图的依赖了,解决办法就是将android/setting.gradle、android/app/build.gradle、MainApplication.java中关于react-native-amap-android的配置去掉,只保留一个高德地图的配置。

而且android也是存在位置标注不显示的问题,需要将 react-native-smart-amap/android/src/main/reactnativecomponent/amap/RCTAMapView.java文件的202行注释放开 ,地图上的位置标注就出来了,如下图所示。

在ios上,还是执行 react-native link react-native-smart-amap-location 进行自动链接,然后再按照说明文件进行配置,只有下面这一条需要注意:

高德地图开发为什么线段删除后再画线时又出现了

因为没有做移除线。

画线 ------- 是通过创建 new AMap.Polyline 实例 并添加到地图上 polyline.setMap(this.GDMap)。

清除线 ---- 画线的同时把画线创建的实例存储起来通过 remove 方法移除线,改变线的颜色 --- 通过 setOptions 重新设置配置项,完整的代码。

高德地图是中国领先的数字地图内容、导航和位置服务解决方案提供商。拥有导航电子地图甲级测绘资质和互联网地图服务甲级测绘资质,其优质的电子地图数据库成为公司的核心竞争力。

公司2010年登陆美国纳斯达克全球精选市场(NasdaqAMAP)。2014年12月,高德发布了“出行保障”计划,宣布此项服务长期有效,而且最高赔付额度提高到了1000元。2018年6月5日 苹果在美国时间6月4日的苹果开发者大会上,发布了最新的iOS 12操作系统,CarPlay支持高德地图。2021年10月,高德地图正式上线了车道级导航高清版,基于北斗卫星导航系统。

如何利用高德地图IOS SDK进行开发

以横条广告为例的广告插入实现,插屏广告同理,积分墙广告待续。

工具/原料

SDK

方法/步骤

注册下载SDK

创建项目,创建完成项目后、将会得到应用ID、应用密钥这两个字符串:

将下载下来的库添加到本地项目中,选择选项:

其次添加依赖框架、这步很重要,

所要添加的依赖框架框架:

AdSupport.framework

Security.framework

StoreKit.framework

ImageIO.framework

MapKit.framework

QuartzCore.framework

SystemConfiguration.framework

CoreTelephony.framework

CoreGraphics.framework

添加完成、编译....

最后代码实现...显示横幅广告

这里需要做3件事:

1)首先要到AppController.mm 中初始化代理

2)调用initQuMiGuangGao初始化方法

3)显示广告横幅

1 将所要现实的那个.cpp文件改成.mm文件

2 在.mm文件中把头文件包含进来

IOS开发中使用高德地图所遇到的问题

解决的办法:A页面生成一个mapView,然后大家共用它,而不是每次点击单元格都创建一个地图。因为A页面和B页面切换速度过快,地图绘制是很耗时间的,地图还没有创建出来就退出,有时候就会导致内存泄露--crash。

iOS 开发 高德-----POI 数据相关

以上四种(关键字 周边搜索 多边形搜索 ID 搜索)的回调(来自官方demo)

沿途搜索回调

输入提示回调

根据提示语进行的后续操作(来自官方demo)

-地理编码

地理编码回调

地理反编码

地理反编码回调

Flutter笔记-调用原生IOS高德地图sdk

2017年底因公司业务组合部门调整,新的团队部分维护的项目用React Native技术混合开发。为适应环境变化,开启疯狂RN学习之旅,晚上回来啃资料看视频。可能由于本身对RN技术体验不感冒或者在环境之下强迫学习有点不爽。开始寻找代替方案,Fluter像一束曙光引起了我的注意,之后一直关注并利用闲余时间开始探索。2018年一直学习到使用Flutter写项目,从0.2.0开始到现在1.5版本的发布,终于开始慢慢的爬出坑位了,但是因为部分控件感觉还是不如原生控件好用,因而Flutter提供了PlatformView部件。近期因项目中严重使用依赖地图,故而做了Fluterr使用原生IOS高德地图调研。因为我本身是一名android开发人员,初学IOS并记录下来。

PlatformView是 flutter 官方提供的一个可以嵌入 Android 和 iOS 平台原生 view 的小部件。

在我们实际开发中,我们遇到一些 flutter 官方没有提供的插件可以自己创建编写插件来实现部分功能,但是原生View在 flutter 中会遮挡住flutter 中的小部件,比如你想使用高德地图sdk、视频播放器、直播等原生控件,就无法很好的与 flutter 项目结合。

1、info.plist文件设置

2、 ios 端实现原生组件PlatformView提供原生view

3 、ios 端创建PlatformViewFactory用于生成PlatformView

4、 ios 端创建FlutterPlugin用于注册原生组件

5 、flutter 平台嵌入 原生view

iOS端的UiKitView目前还只是preview状态, 默认是不支持的, 需要手动打开开关, 在info.plist文件中新增一行io.flutter.embedded_views_preview为true.

创建类 FlutterMapView 并实现FlutterPlatformView 协议

FlutterMapView.h

FlutterMapView.m

FlutterMapFactory.h

FlutterMapFactory.m

FlutterMapPlugin.h

FlutterMapPlugin.m

请前往 高德开放平台控制台 申请 iOS Key。

注意:Bundle Identifier需要与申请的时候填写的一致

地图依赖的库列举如下:

基础 SDK AMapFoundationKit.framework

第一步:将解压后的MAMapKit.framework 文件 copy 或 拖拽 到工程文件夹中,左侧目录选中工程名,在 TARGETS-Build Phases- Link Binary With Libaries 中点击“+”按钮,在弹出的窗口中点击“Add Other”按钮,选择工程目录下的 MAMapKit.framework 文件添加到工程中。

千万不要忘记将AMapFoundationKit也一起加入工程。

3D地图正确配置应如下图所示:

需要引入的资源文件包括:AMap.bundle,其中:AMap.bundle 在 MAMapKit.framework 包中,AMap.bundle资源文件中存储了定位、默认大头针标注视图等图片,可利用这些资源图片进行开发。

左侧目录中选中工程名,在右键菜单中选择Add Files to “工程名”…,从MAMapKit.framework中选择AMap.bundle文件,并勾选“Copy items if needed”复选框,单击“Add”按钮,将资源文件添加到工程中。

成功跑起来 。。 。


新闻标题:ios高德地图开发,ios高德地图实景导航
分享地址:http://shouzuofang.com/article/hociog.html

其他资讯