登录/注册

首页 › 活字格专区 › 求助中心 › 查看内容

AAA努力才幸福

26 主题	84 帖子	338 积分

积分: 338

366
金币
26
主题
84
帖子

最新发帖

[已处理] 百度地图API跨域问题

AAA努力才幸福
初级会员 / 发表于：2023-4-6 10:16 / 查看：1511 / 回复：4

1金币

调用百度地图提示跨域问题如何解决

以下是JS代码，大神帮忙看看如何解决活字格提示跨域问题

// 获取当前页面
var p = Forguncy.Page;
// 导入百度地图API库
var BMap = window.BMap || {};
// 获取包含地图的DOM元素
var element = $("[fgcname='chart']")[0];
// 创建Map实例
var map = new BMap.Map(element);
// 初始化地图，设置中心点坐标和地图级别
map.centerAndZoom(new BMap.Point(113.636878,34.757711), 8);
// 添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
// 设置地图显示的城市
map.setCurrentCity("郑州");
// 开启鼠标滚轮缩放
map.enableScrollWheelZoom(true);
// 读取A1单元格中的JSON数据
var data = JSON.parse(p.getCell("gps").getValue());
// 批量标记坐标点
data.forEach(function(point) {
var coords = point.gps.split(";");
var pointLatLng = new BMap.Point(coords[0], coords[1]);
// 创建标记点
var marker = new BMap.Marker(pointLatLng);
map.addOverlay(marker);
// 点击标记点弹出信息框
var infoWindow = new BMap.InfoWindow();
marker.addEventListener("click", function() {
// 构建信息框内容
var content = "";
if (point.物资名称) {
content += "<div>物料名称：" + point.物资名称 + "</div>";
}
if (point.gys_mc) {
content += "<div>供应商：" + point.gys_mc + "</div>";
}
if (point.xmmc) {
content += "<div>项目名称：" + point.xmmc + "</div>";
}
if (point.收货人) {
content += "<div>收货人：" + point.收货人 + "</div>";
}
infoWindow.setContent(content);
// 显示信息框
map.openInfoWindow(infoWindow, pointLatLng);
});
});

复制代码

附件: 您需要登录才可以下载或查看，没有帐号？立即注册

最佳答案

查看完整内容

跨域问题一般还要看被调用的api是否支持跨域，可以看看百度那边的文档，是否有方案可以在前端调用~

收藏

回复

4 个回复

倒序浏览

最佳答案

最佳答案

Joe.xu
超级版主 / 发表于：2023-4-6 10:16:42 来自 5^#

跨域问题一般还要看被调用的api是否支持跨域，可以看看百度那边的文档，是否有方案可以在前端调用~

回复 使用道具举报

David.Zhong
论坛元老 / 发表于：2023-4-6 11:13:08 2^#

大佬，能给个可以运行的demo看看吗？看看大佬具体是怎么玩的。
另外可以查下百度地图的文档，看看对接的时候还有什么需要注意的地方或者设置项。

回复 使用道具举报

风吹萤火54199
初级会员 / 发表于：2023-4-6 11:40:11 3^#

楼主是需要如何和百度地图对接，我之前只在后端对接过百度地图开放平台的接口，建议可以将部分逻辑放在服务端命令调用HTTP请求命令的方式获取数据，然后在前端展示~

回复 使用道具举报

AAA努力才幸福
初级会员 / 发表于：2023-4-6 11:53:30 4^#

我是在页面上设置了一个名字为chart的单元格，然后直接用JavaScript创建地图并获取经纬度直接标记点

回复 使用道具举报