在uni-app中使用
腾讯地图SDK，需要先在
腾讯地图开放平台申请
开发者账号，然后创建应用并获取到
腾讯地图SDK的App Key。接下来，可以按照以下步骤来集成
腾讯地图SDK到uni-app项目中：
1. 在uni-app项目中的manifest.json文件中，添加以下配置：
```
"permission": {
"android": {
"name": [
"android.permission.ACCESS_COARSE_LOCATION",
"android.permission.ACCESS_FINE_LOCATION",
"android.permission.READ_PHONE_STATE",
"android.permission.WRITE_EXTERNAL_STORAGE",
"android.permission.READ_EXTERNAL_STORAGE",
"android.permission.ACCESS_NETWORK_STATE",
"android.permission.ACCESS_WIFI_STATE",
"android.permission.INTERNET"
]
}
},
"app-plus": {
"modules": {
"tencentmap": {
"version": "1.0.0",
"provider": "xxxxx" // 申请
开发者账号时填写的公司名称或个人名字
}
}
}
```
2. 将下载的
腾讯地图SDK的jar包和so文件放到uni-app项目的unpackage文件夹下的lib文件夹中。
3. 在uni-app项目中的vue文件中，使用以下代码来调用
腾讯地图SDK：
```
<template>
<div id="map-container"></div>
</template>
<script>
export default {
mounted() {
const map = new plus.maps.Map("map-container", {
zoom: 15,
center: {lat: 39.92, lng: 116.46}
});
const marker = new plus.maps.Marker({position: {lat: 39.92, lng: 116.46}});
map.addOverlay(marker);
}
}
</script>
```
以上代码创建了一个地图容器，并在地图上添加了一个标记点。
需要注意的是，在使用
腾讯地图SDK时，需要在manifest.json文件中配置权限，并且需要在使用地图相关功能时，用户需要授权给应用访问位置信息的权限。
640
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
