vue3+openLayers触摸事件显示弹窗

范天缘

已于 2024-07-24 11:31:35 修改

阅读量41

点赞数

分类专栏： openlayers 文章标签： openlayers

于 2024-07-24 11:30:19 首次发布

本文链接：https://blog.csdn.net/weixin_42821697/article/details/140658282

版权

<template>
    <!--地图-->
    <div class="distributeMap" id="distributeMap"></div>
    <!--弹窗-->
    <section ref="popup" id="popupDiv" class="popup">
      {
   {
    state.popupParams.name }}
    </section>
</template>
<script lang="ts" setup>
import {
    onMounted, reactive, ref } from "vue";
import {
    Feature, Map, Overlay, View } from "ol";
import OSM from "ol/source/OSM";
import "ol/ol.css";
import TileLayer from "ol/layer/Tile";
import XYZ from "ol/source/XYZ";
import {
    fromLonLat } from "ol/proj";
import {
    Point } from "ol/geom";
import CircleStyle from "ol/style/Circle";
import {
    Fill, Icon, Style } from "ol/style";
import VectorSource from "ol/source/Vector";
import VectorLayer from "ol/layer/Vector";
import {
    useRouter } from "vue-router";