JavaScript GIS点选属性显示功能
gis 点选后显示地块和点属性的功能，挺适合做基础交互练习的。如果你正好在搞地图项目，不妨参考下这个思路。它用的是JavaScript配合GIS 库，实现点击地图上任意一个地块、城市点，甚至河流线，都会弹出相应的属性信息，比如面积、城市名、河流长度之类的，交互挺自然的。
Identify.html负责地图容器和样式加载，Identify.js就是主角了，负责地图初始化、绑定点击事件、查找图层特征，把属性值展示出来。用过 ArcGIS API for JavaScript 的人应该会觉得蛮熟悉，流程清晰，代码也不复杂。
你也可以用 Leaflet 或 OpenLayers 实现类似的东西，原理差不多，都是监听点击事件、判断点击位置命中哪个图层特征，显示属性。城市点、河流线、地块多边形这三类要素，几何不一样，但方式其实大同小异。
想上手的可以从这里开始：主结构放在Identify.html，样式自己加，重点看Identify.js怎么事件和属性的。
如果你之前没玩过 GIS 点选功能，可以看看这篇ArcGIS API 示例，蛮有。还可以参考Web GIS 开发框架，里面讲得比较全。
地图交互做起来别怕麻烦，理解清楚图层和图形对象，剩下就是事件和样式的事了。实在搞不定，就多看看这些例子，跟着练练，挺快能上手的。
文件大小：2.77KB
评论区