百度地图API跨域问题

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


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

1. // 获取当前页面
   
2. var p = Forguncy.Page;
   
3. 
   
4. // 导入百度地图API库
   
5. var BMap = window.BMap || {};
   
6. 
   
7. // 获取包含地图的DOM元素
   
8. var element = $("[fgcname='chart']")[0];
   
9. 
   
10. // 创建Map实例
    
11. var map = new BMap.Map(element);
    
12. 
    
13. // 初始化地图，设置中心点坐标和地图级别
    
14. map.centerAndZoom(new BMap.Point(113.636878,34.757711), 8);
    
15. 
    
16. // 添加地图类型控件
    
17. map.addControl(new BMap.MapTypeControl({
    
18.   mapTypes: [
    
19.     BMAP_NORMAL_MAP,
    
20.     BMAP_HYBRID_MAP
    
21.   ]
    
22. }));
    
23. 
    
24. // 设置地图显示的城市
    
25. map.setCurrentCity("郑州");
    
26. 
    
27. // 开启鼠标滚轮缩放
    
28. map.enableScrollWheelZoom(true);
    
29. 
    
30. // 读取A1单元格中的JSON数据
    
31. var data = JSON.parse(p.getCell("gps").getValue());
    
32. 
    
33. // 批量标记坐标点
    
34. data.forEach(function(point) {
    
35.   var coords = point.gps.split(";");
    
36.   var pointLatLng = new BMap.Point(coords[0], coords[1]);
    
37. 
    
38.   // 创建标记点
    
39.   var marker = new BMap.Marker(pointLatLng);
    
40.   map.addOverlay(marker);
    
41. 
    
42.   // 点击标记点弹出信息框
    
43.   var infoWindow = new BMap.InfoWindow();
    
44.   marker.addEventListener("click", function() {
    
45.     // 构建信息框内容
    
46.     var content = "";
    
47. 
    
48. 
    
49.     if (point.物资名称) {
    
50.       content += "<div>物料名称：" + point.物资名称 + "</div>";
    
51.     }
    
52. 
    
53.     if (point.gys_mc) {
    
54.       content += "<div>供应商：" + point.gys_mc + "</div>";
    
55.     }
    
56. 
    
57.     if (point.xmmc) {
    
58.       content += "<div>项目名称：" + point.xmmc + "</div>";
    
59.     }
    
60. 
    
61.     if (point.收货人) {
    
62.       content += "<div>收货人：" + point.收货人 + "</div>";
    
63.     }
    
64. 
    
65.     infoWindow.setContent(content);
    
66. 
    
67.     // 显示信息框
    
68.     map.openInfoWindow(infoWindow, pointLatLng);
    
69.   });
    
70. });
    

复制代码

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

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

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

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