山东大学项目实训3

顾小桐

于 2022-06-04 22:12:57 发布

阅读量55

点赞数

分类专栏：智慧环保：城市空气质量预测系统专栏文章标签：人工智能

本文链接：https://blog.csdn.net/weixin_51523159/article/details/125126402

版权

智慧环保：城市空气质量预测系统专栏专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文介绍如何通过JavaScript实现地图界面的导航栏，根据地点切换地图中心及动态插入标记点。通过`change_center`和`new_station`函数，展示在地图上添加空气质量检测站并实现点击显示详细信息的过程。

摘要由CSDN通过智能技术生成

新建站点界面

1.导航栏核心代码如下：
根据选择的地点对应改变地图的center值进行切换

//改变中心点
function change_center(place) {
    map.centerAndZoom(place, 13);
}

2.在地图中插入标记点核心代码如下：
循环遍历数据表，在对应点插入跳动标记，点击显示基本信息
//插入新站点

function new_station(){

    var a=document.getElementById("test").value;
    for(var i=0;i<a;i++){
    var point=new BMap.Point(data_info[i].longitude,data_info[i].latitude)
    var marker = new BMap.Marker(point);  //创建标注
    marker.longitude=data_info[i].longitude;
    marker.latitude=data_info[i].latitude;
    marker.communame=data_info[i].community_name;

    var content = "<br>空气质量检测站"+Number(i)+1+" <br>监测站地址:"+data_info[i].house_nums;
    map.addOverlay(marker);     // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE);   //动画       
    addClickHandler(content,marker);
}