获取数据库中的经纬度后标记到地图

登录

本帖最后由 AAA努力才幸福于 2023-3-6 09:38 编辑

获取数据库中的经纬度后标记到地图，用JS构建，运行后地图可以构建，但是不能把数据库或A1单元格的json数据批量标记到地图上

控制台报错提示

AAA努力才幸福 · AAA努力才幸福

var p = Forguncy.Page; // 获取当前页面
var element = $("[fgcname='chart']")[0];
var map = new BMap.Map(element); // 创建Map实例
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(Forguncy.Page.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.file_id) {
content += "<div>附件：<a href='/file/" + point.file_id + "' target='_blank'>" + point.file_name + "</a></div>";
}
if (point.image_url) {
content += "<div>图片：<img src='" + point.image_url + "'></div>";
}
if (point.物料名称) {
content += "<div>物料名称：" + point.物料名称 + "</div>";
}
if (point.项目名称) {
content += "<div>项目名称：" + point.项目名称 + "</div>";
}
if (point.收货人) {
content += "<div>收货人：" + point.收货人 + "</div>";
}
infoWindow.setContent(content);
// 显示信息框
map.openInfoWindow(infoWindow, pointLatLng);
});
});