cnx-public/vue-google-maps-community-fork

Files

Fawad Mirzad d9c76b5e23 Fix wrong file name in info window

2020-10-21 15:41:23 +02:00

689 B

Executable File

Raw Blame History

Info Window

Create

You can create info window by passing custom HTML or Vue components as the child of Marker component.

  <GoogleMap>
    <Marker
        :geoCoordinates="[
          {
            lat: 51.2432981,
            lng: 6.7950981
          }
      ]"
    >
    <div>I am info window. I appear, when you click a marker</div>
  </Marker>
  </GoogleMap>

Center markers automatically

To center markers so that all the markers are visible, use:

  <GoogleMap>
    <Marker
        :centerAutomatically="false"
        :geoCoordinates="[
          {
            lat: 51.2432981,
            lng: 6.7950981
          }
      ]"
    />
  </GoogleMap>