diff --git a/docs/src/components/info-window.md b/docs/src/components/info-window.md index ad13e40..c5751d7 100755 --- a/docs/src/components/info-window.md +++ b/docs/src/components/info-window.md @@ -1,11 +1,8 @@ # Info Window - -## Create - -You can create info window by passing custom HTML or Vue components as the child of `Marker` component. +You can create info window by passing custom HTML or Vue components as the child of `Marker` component. ```vue - - +
I am info window. I appear, when you click a marker
-
-
+ + ``` ## Center markers automatically diff --git a/docs/src/components/map.md b/docs/src/components/map.md index 58a1ba0..1713614 100644 --- a/docs/src/components/map.md +++ b/docs/src/components/map.md @@ -4,31 +4,31 @@ This is the base Map component. If no props are provided, it shows an empty map component with default controls. -```javascript - +```vue + ``` ## Provide your own style You can provide custom map styling as prop. You can generate custom map styles at [https://mapstyle.withgoogle.com/](https://mapstyle.withgoogle.com/) -```javascript - ``` ## Disable ui elements You can disable all ui components at once -```javascript - ``` You can also disable specific UI components ```vue - ``` ## Access google maps instance -You can easily access Map instance by injecting it in your component. +You can easily access Map instance by accessing map ref in your component. -```javascript - const loadMap = inject( - "mapPromise" - ); - - loadMap.then(map=> { - console.log( {map}) - }) +```vue + ``` - ## Add custom button You can use the map instance to add custom buttons to your map ```js