谷歌地图InfoWindow withAurelia

import { inject } from 'aurelia-framework';

@inject(Element)
export class MapComponent {
  constructor(element) {
    this.element = element;
  }

  attached() {
    // 创建地图实例
    const map = new google.maps.Map(this.element, {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 13
    });

    // 创建InfoWindow实例
    const infoWindow = new google.maps.InfoWindow({
      content: '<div>Hello, InfoWindow!</div>'
    });

    // 创建标记点
    const marker = new google.maps.Marker({
      position: { lat: 37.7749, lng: -122.4194 },
      map: map,
      title: 'Marker'
    });

    // 点击标记点时显示InfoWindow
    marker.addListener('click', () => {
      infoWindow.open(map, marker);
    });
  }
}