四十四、openlayers官网示例Geographic Coordinates解析——在地图上添加弹窗，点击显示图形信息

使用Overlay在地图上添加弹窗，点击控制显隐。

初始化图层的时候，添加一个矢量的点数据到地图上，在new Feature时添加一些自定义属性。

  const place = [-110, 45];

    const point = new Point(place);

    const map = new Map({
      target: "map",
      view: new View({
        center: place,
        zoom: 8,
      }),
      layers: [
        new TileLayer({
          source: new StadiaMaps({
            layer: "outdoors",
          }),
        }),
        new VectorLayer({
          source: new VectorSource({
            features: [
              new Feature({ geometry: point, name: "sss", color: "red" }),
            ],
          }),
          style: {
            "circle-radius": 20,
            "circle-fill-color": "red",
          },
        }),
      ],
    });

 写一个元素，用来展示信息。

 <div id="map" class="map">
      <div id="popup">
        <