openlayers教程openlayer点击气泡显示气泡信息/显示经纬度

openlayer点击气泡显示气泡信息

<template>
  <div>
    <button @click="centerMap">搜索</button>
    <div id="mapCon" ref="mapCon" style="width: 100%; height: 95%; position: absolute;"></div>
  </div>
</template>
<script>
import 'ol/ol.css'; // 引入 OpenLayers 的样式文件
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import ScaleLine from 'ol/control/ScaleLine';
import OSM from 'ol/source/OSM.js';
import Overlay from 'ol/Overlay'; // 导入Overlay模块
export default {
   
  name: 'MapComponent',
  mounted() {
   
    this.initializeMap();
    // 定义城市坐标
    const chongqingCoord = [106.5049, 29.5630];
    const wuhanCoord = [114.31