049：vue+openlayers 鼠标pointermove显示城市名片

作者：酷酷是懒虫 | 2024-07-13 00:03:18

踩

pointermove

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 049个示例

在这里插入图片描述

本示例演示如何在vue+openlayers中采用overlay实现城市名片的效果，移动鼠标到相应的位置点，出现城市的信息。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果；注意如果OpenStreetMap无法加载，请加载其他来练习

1）查看基础设置：https://xiaozhuanlan.com/topic/1378924560
或者同样查看：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/816690