首页课程文章
无痕注入APC注入线程注入读写驱动注入技术句柄表进程线程系统调用保护模式内存管理远程CALL软件调试驱动封装云下发驱动开发FPS数据方框透视FPS方框FPS自瞄CED3DHOOKD3D绘制Imgui绘制DWM
内核课程驱动出租学习路线聊天室免责声明提问技巧

HarmonyOS-【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（5）

推荐 原创

周杰伦

文章分类HarmonyOS阅读数 : 21阅读时长 : 9分钟


【HarmonyOS-【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（5）】此文章归类为：HarmonyOS。

1.问题描述：

提供两套标准方案，可根据体验需求选择：

1.地图Picker(地点详情)

用户体验：①展示地图 ②标记地点 ③用户选择已安装地图应用

接入文档：b6aK9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3K9r3q4J5L8h3!0F1P5h3!0K6i4K6u0V1k6%4g2A6k6r3g2K6i4K6u0V1g2U0g2Q4x3V1k6E0j5i4m8Q4x3X3c8D9L8$3y4S2N6r3W2G2L8W2)9J5k6r3c8W2N6r3q4A6L8s2y4Q4x3X3c8h3y4b7`.`.

2.导航意图面板

用户体验：①用户选择已安装地图应用

接入文档：c36K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3K9r3q4J5L8h3!0F1P5h3!0K6i4K6u0V1k6%4g2A6k6r3g2K6i4K6u0V1g2U0g2Q4x3V1k6K6N6r3q4J5N6q4)9J5k6r3W2F1N6r3g2F1N6q4)9J5k6s2m8S2L8X3g2D9i4K6u0V1g2U0f1`.

解决方案：

检查一下是否存在图片风控：430K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3K9r3q4J5L8h3!0F1P5h3!0K6i4K6u0V1M7X3g2X3k6i4u0W2L8X3y4W2M7#2)9J5k6q4j5#2i4K6u0r3M7s2g2K6K9q4)9J5k6r3W2E0j5h3N6W2i4K6u0V1j5$3!0F1N6s2u0G2L8q4)9J5k6q4j5#2

2.问题描述：

地图组件里marker的位置如何能固定在屏幕指定位置，比如我想让marker固定显示在 屏幕宽度/2,屏幕高度/4的位置上，该如何设置

解决方案：

这边可以尝试下使用stack布局，在地图组件上叠一个marker样式。

尝试下如下demo：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import { map, mapCommon, MapComponent } from '@kit.MapKit';
 
import { AsyncCallback } from '@kit.BasicServicesKit';
 
// 1、导入文件
 
import display from '@ohos.display'
 
 
@Entry
 
@Component
 
struct Index3 {
 
  private mapOptions?: mapCommon.MapOptions;
 
  private callback?: AsyncCallback<map.mapcomponentcontroller>;
 
  private mapController?: map.MapComponentController;
 
  @State screenWidth: number = 0
 
  @State screenHeight: number = 0
 
 
  aboutToAppear(): void {
 
    // 初始化图标
 
    // 地图初始化参数，设置地图中心点坐标及层级
 
    let target: mapCommon.LatLng = {
 
      latitude: 39.9181,
 
      longitude: 116.3970193
 
    };
 
    let cameraPosition: mapCommon.CameraPosition = {
 
      target: target,
 
      zoom: 15
 
    };
 
    this.mapOptions = {
 
      position: cameraPosition
 
    };
 
 
    // 地图初始化的回调
 
    this.callback = async (err, mapController) =&gt; {
 
      if (!err) {
 
        this.mapController = mapController;
 
      }
 
    }
 
 
    display.getAllDisplays((err, data) =&gt; {
 
      let screenWidth: number = data[0].width
 
      let screenHeight: number = data[0].height
 
      console.log('width = ' + screenWidth + 'height = ' + screenHeight)
 
      console.log('width + height = ' + JSON.stringify(data))
 
    })
 
  }
 
 
  build() {
 
    Stack() {
 
      MapComponent({ mapOptions: this.mapOptions, mapCallback: this.callback }).width('100%').height('100%')
 
      marker().position({ x: "44%", y: "25%" })
 
    }
 
  }
 
}
 
 
@Component
 
struct marker {
 
  build() {
 
    Column({ space: 5 }) {
 
      Image($r('app.media.xxx')).width(50)
 
      Text("xxxx")
 
    }
 
    .width(50).height(50)
 
  }
 
}

3.问题描述：

使用华为地图进行地图开发，定位图标展示不满足需求；

期望是连续定位、地图中心点不跟随定位蓝点移动、定位蓝点的方向依据设备方向旋转；

目前最合适的是用defaule模式，但是default模式定位蓝点的方向无法旋转，期望能够支持跟随设备旋转。

解决方案：

经过确认，目前的规格就是，在连续定位时，进行随设备旋转和跟随移动。

设计时分析了常见的竞品，也都没有提供目前需求的这种方式。

如果不是连续定位的话，可以不跟随移动；

后续应该不会增加类似的功能，麻烦伙伴自行选择要用哪种模式。

4.问题描述：

如何打开三方地图应用候选列表？

解决方案：

可以使用Ability Kit提供的拉起导航类应用 能力：

ed3K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3K9r3q4J5L8h3!0F1P5h3!0K6i4K6u0V1k6%4g2A6k6r3g2K6i4K6u0V1g2U0g2Q4x3V1k6K6N6r3q4J5N6q4)9J5k6r3&6S2N6X3W2Y4j5i4c8A6L8$3&6Q4x3X3c8S2M7s2m8K6i4K6u0V1g2U0f1`.

5.问题描述：

使用MapComponent组件，在mapCallback回调中添加marker，大头针太大，无法设置大小。

解决方案：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
import { map, mapCommon, MapComponent } from '@kit.MapKit';
 
import { AsyncCallback } from '@kit.BasicServicesKit';
 
import { image } from '@kit.ImageKit';
 
 
@Entry
 
@Component
 
struct AddMarker {
 
private mapOptions?: mapCommon.MapOptions;
 
private mapController?: map.MapComponentController;
 
private callback?: AsyncCallback<map.mapcomponentcontroller>;
 
@State imagePixelMap: PixelMap | undefined = undefined;
 
 
getMarkerPixelMap() {
 
getContext(this).resourceManager.getMediaContent($r("app.media.startIcon")).then((data) =&gt; {
 
let arrayBuffer = data.buffer.slice(data.byteOffset, data.byteLength + data.byteOffset)
 
let imageSource: image.ImageSource = image.createImageSource(arrayBuffer);
 
imageSource.getImageInfo((err, value) =&gt; {
 
//获取图片资源的尺寸
 
console.log('testTag',`图片的尺寸为：width:${value.size.width}height:${value.size.height}`)
 
if (err) {return;}
 
//转PixelMap，也可以在这个里面设置宽和高，比如下面是在原有的宽高基础上放大5倍
 
let opts: image.DecodingOptions =
 
{ editable: true, desiredSize: { height: value.size.height*5, width: value.size.width*5 } };
 
imageSource.createPixelMap(opts, (err,
 
pixelMap) =&gt; {
 
console.log('testTag', `createPixelMap`)
 
this.imagePixelMap = pixelMap
 
this.addMarker()
 
})
 
})
 
})
 
}
 
 
addMarker() {
 
// Marker初始化参数
 
let markerOptions: mapCommon.MarkerOptions = {
 
position: {
 
latitude: 31.984410259206815,
 
longitude: 118.76625379397866
 
},
 
rotation: 0,
 
visible: true,
 
zIndex: 0,
 
alpha: 1,
 
anchorU: 0.5,
 
anchorV: 1,
 
clickable: true,
 
draggable: true,
 
flat: false,
 
icon:this.imagePixelMap
 
};
 
console.log('testTag', `addMarker`)
 
this.mapController?.addMarker(markerOptions);
 
}
 
 
aboutToAppear(): void {
 
// 地图初始化参数
 
this.mapOptions = {
 
position: {
 
target: {
 
latitude: 31.984410259206815,
 
longitude: 118.76625379397866
 
},
 
zoom: 15
 
}
 
};
 
this.callback = async (err, mapController) =&gt; {
 
if (!err) {
 
console.log('testTag', `callback`)
 
this.mapController = mapController;
 
this.getMarkerPixelMap()
 
}
 
};
 
}
 
 
build() {
 
Stack() {
 
Column() {
 
MapComponent({ mapOptions: this.mapOptions, mapCallback: this.callback });
 
}.width('100%')
 
}.height('100%')
 
}
 
}

6.问题描述：

javaScript引入华为地图API文件，其中key要经过URL转码。是如何转码的？

解决方案：

文档上说明使用API密钥时需要调用URLEncoder.encode("Your apiKey", "UTF-8")方法对API密钥进行encodeURI编码。请参考文档：326K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3d9p5#2e0b7$3!0J5k6g2)9J5k6p5N6#2K9h3c8W2M7#2)9J5c8X3A6S2N6X3q4K6j5%4u0A6M7s2c8Q4x3X3c8S2M7r3W2Q4x3X3c8H3M7X3g2H3j5i4u0S2N6r3W2G2L8Y4y4Q4x3X3b7H3x3o6l9H3x3o6l9I4x3o6M7^5y4o6b7^5x3o6l9$3i4K6t1K6M7$3g2U0N6r3W2G2L8U0p5%4y4e0f1H3z5o6f1@1x3K6x3#2x3H3`.`.

如何保护API密钥？：af9K9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6V1k6i4k6W2L8r3!0H3k6i4u0Q4x3X3g2Z5N6h3q4%4k6h3W2Q4x3X3g2U0L8$3#2Q4x3V1k6U0L8$3&6K6N6h3#2W2M7W2)9J5c8X3y4F1i4K6u0r3k6r3!0U0i4K6u0r3d9p5#2e0b7$3!0J5k6g2)9J5k6p5N6#2K9h3c8W2M7#2)9J5c8X3k6S2M7g2)9J5k6o6l9H3x3o6l9H3x3o6p5H3y4e0l9I4y4U0j5&6z5e0W2Q4x3U0y4K6k6h3y4@1K9h3!0F1y4K6R3I4y4U0j5I4z5o6f1H3x3e0q4Q4x3U0k6D9N6q4)9K6b7W2)9J5c8X3#2S2M7q4)9J5k6h3#2S2M7r3y4G2L8i4m8G2L8X3g2F1N6r3y4G2L8Y4c8J5L8$3I4D9k6i4u0Q4x3U0k6Y4N6q4)9K6b7W2)9J5y4X3I4@1i4K6y4n7i4K6u0r3L8h3q4H3i4K6u0W2L8h3q4H3j5$3!0E0M7r3!0F1k6h3&6@1j5$3!0F1N6s2u0G2L8r3I4W2M7W2)9J5y4X3N6@1i4K6y4n7



更多【HarmonyOS-【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（5）】相关视频教程：www.yxfzedu.com




相关文章推荐

记录自己的技术轨迹
文章规则：
1)：文章标题请尽量与文章内容相符
2)：严禁色情、血腥、暴力
3)：严禁发布任何形式的广告贴
4)：严禁发表关于中国的政治类话题
5)：严格遵守中国互联网法律法规
6)：有侵权,疑问可发邮件至service@yxfzedu.com
近期原创 更多

Markdown Editor

友情链接
内核结构FAQ
免责声明
课程目录
Windows内核
游戏逆向(FPS)
技术交流QQ群
342478842215039827137189196
314055665159620936
www.yxfzedu.com是一个分享游戏安全,游戏外挂与反外挂,游戏驱动保护的视频网站！
接各种驱动定制如：游戏读写驱动，软件内存保护，防止调试等功能定制。
出租读写驱动，调试驱动，无痕注入支持各种游戏。
邮箱：service@yxfzedu.com
QQ：851920120
特别说明：不接游戏数据分析，外挂编写，登陆协议等类似业务。