用百度地图API请求geojson文件并加载到百度地图上,然后图层设置文字标签。点击对应图层多选框控制图层的显隐性。
<!DOCTYPE html>
<html>
<head>
<title>道路、网格点位</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅黑";
}
#allmap {
position: absolute;
height: 100%;
width: 100%;
}
#r-result {
width: 100%;
}
#legend {
position: absolute;
width: 100px;
height: 60px;
z-index: 999;
right: 0;
top: 0;
background-color: #fff;
border-