连线流动

百度地图与HT for Web结合的GIS网络拓扑应用

走远了吗. 提交于 2019-12-19 15:59:06
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在《 HT for Web整合OpenLayers实现GIS地图应用 》篇中介绍了 HT for Web 与OpenLayers的整合,不少朋友反应国内用得比较多的还是 百度地图 ,虽然 HT 整合百度地图原理与OpenLayers一致,但不同GIS引擎客户端结合代码细节还是有不少差异,自定义地图风格更是完全不一样,为此我再开篇介绍下 HT 与百度地图整合的方案,这次我们将改进以前的例子,除了代表城市的拓扑节点外,再增加连线连接省会和城市,实现网络拓扑链路的流动效果。 百度地图有多种客户端SDK,我们这里用的自然是 JavaScript版的API ,百度地图的2.0版增加了不少新功能,例如可以自定义地图样式模板,本例中我们特意设置成style:’midnight’的深色背景风格。插入map的位置与OpenLayers也不一样,通过mapDiv.firstChild.firstChild.appendChild(view);插入,zIndex这些属性都还好不需要设置。 坐标转换方面从经纬度转换成平面坐标是map.pointToPixel函数,通过node.setPosition(map.pointToPixel(new BMap.Point(lon, lat)));可设置ht.Node对应的平面逻辑坐标