百度地图标注微信使用指南342

百度地图标注微信使用指南

1. 前提条件* 微信公众号或小程序
* 百度地图开放平台账号
* 标注服务 API Key

2. 获取标注服务 API Key* 登录百度地图开放平台（/），注册或登录账户。
* 在控制台页面，点击左侧菜单栏的「服务列表」>「标注服务」，选择「创建 API Key」。
* 输入 API Key 名称，勾选「标注服务」权限，点击「创建」。
* 获得 API Key 后，将其记录下来。

3. 配置微信公众号或小程序微信公众号:
* 进入公众号管理后台，在左侧菜单栏点击「开发」>「接口权限」。
* 在「AppId 列表」中添加您的微信公众号 AppId。
* 在「授权开发者」中填写百度地图开放平台开发者 ID（申请可参考官方教程）。
微信小程序:
* 进入小程序管理后台，在左侧菜单栏点击「设置」>「接口设置」。
* 在「业务域名」中添加百度地图开放平台服务器域名（）。
* 在「开放 API」中添加以下 API 授权域名：。

4. 开发示例代码微信公众号:
```javascript
const wx = require('weixin-js-sdk');
const {
wxConfig
} = require('./wxConfig');
(wxConfig);
(() => {
// 查找当前位置
({
type: 'wgs84', // 坐标系
success: (res) => {
const latitude = ;
const longitude = ;
// 创建标注点
const marker = new (new (longitude, latitude));
(marker);
// 设置标注点信息窗口
const infoWindow = new ('当前位置');
('click', () => {
(infoWindow, ());
});
}
});
});
```
微信小程序:
```javascript
// 获取地图上下文
const mapCtx = ('myMap');
// 查找当前位置
({
type: 'wgs84', // 坐标系
success: (res) => {
const latitude = ;
const longitude = ;
// 创建标注点
const marker = new ({
position: new (longitude, latitude)
});
(marker);
// 设置标注点信息窗口
const infoWindow = new ({
content: '当前位置'
});
('click', () => {
(infoWindow, ());
});
}
});
```

5. 部署* 微信公众号：打包发布，上传代码到服务器。
* 微信小程序：编译、上传代码到微信开发者工具。

6. 使用* 在微信公众号或小程序中授权并使用百度地图。
* 地图将自动显示当前位置，并在指定位置添加标注点和信息窗口。

注意事项* 标注服务 API Key 需妥善保管，避免泄露。
* 确保微信公众号或小程序已配置正确，否则无法使用百度地图 API。
* 标注点数量和信息窗口内容需符合相关规定。

2025-01-12

上一篇：如何在百度地图上标记我的商家地点？

下一篇：快递多个地图标注不一样，咋识别官方地址？