前言
内容概览
实现加载 SHP 图层效果图如下: 实现加载 json 文件数据源效果图如下: 地图鼠标交互信息提示效果如下,鼠标移进: 源码项目工程结构图: 实现思路
<!--shp.min.js文件--> <script type="text/javascript" src="js/main/shp.min.js"></script>
/*配置气泡窗口模板匹配字段信息*/ function MapConfig() { }; MapConfig.fields = { //阀门配置信息 "famen": { //简单信息模板 simple: [ { field: "NAME", alias: "阀门名称" }, { field: "PHONE", alias: "联系电话" } ], //详情信息模板 detail: [ { field: "NAME", alias: "阀门名称" }, { field: "PHONE", alias: "联系电话" }, { field: "PERSON", alias: "负责人" }, { field: "ROUTETIME", alias: "上次巡检时间" }, { field: "INSDATE", alias: "安装日期" } ] } ……
|
|