插件呢比如echarts,非插件呢,可以吧地图当作背景层,把各个省份的高亮分别切出来定位到对应位置做隐藏,之后操作层通过<map>做各个省市的点击区域,当点击的时候把对应的高亮隐藏展示出来或者释放弹窗,做法可以参照w3cschool
各种地图已经实现的有这样的功能,具体参考其文档和demo即可。 如果你是想要自己实现这样的效果,首先不建议重复造轮子,其次这个实现也比较复杂。 绘制出地图中的省份构成省份边界 鼠标移入时计算位置,判断所属区域,给这个区域加样式,其他区域去掉高亮样式。
建议使用
echarts
插件,官网,demo