Skip to content

Changes

Page history
Update angular google maps authored by Timo Heinonen's avatar Timo Heinonen
Hide whitespace changes
Inline Side-by-side
angular-google-maps.md
View page @ 82e3310f
...@@ -64,4 +64,12 @@ Npm paketin asennus `npm i @agm/js-marker-clusterer` ...@@ -64,4 +64,12 @@ Npm paketin asennus `npm i @agm/js-marker-clusterer`
Importataan outdoor.module tiedostoon Importataan outdoor.module tiedostoon
![Screenshot_from_2018-07-26_12-27-50](/uploads/41c0949460a4ab8ea7f8b69c13c6657e/Screenshot_from_2018-07-26_12-27-50.png) ![Screenshot_from_2018-07-26_12-27-50](/uploads/41c0949460a4ab8ea7f8b69c13c6657e/Screenshot_from_2018-07-26_12-27-50.png)
`<agm-map>` elementin sisään tehdään `<agm-marker-cluster>`elementti. `<agm-marker>` elementin tulee olla kokonaan `<agm-marker-cluster>` elementin sisässä. `<agm-map>` elementin sisään tehdään `<agm-marker-cluster>`elementti. `<agm-marker>` elementin tulee olla kokonaan `<agm-marker-cluster>` elementin sisässä.
\ No newline at end of file Klusteri kuvat voi ladata osoitteesta https://gitlab.labranet.jamk.fi/OverFlow/Frontend/tree/staging/src/assets/markers
## Karttaelementin ominaisuuksien muuttaminen reaktiivisesti
agm-map.component tiedostoon lisätään
![Screenshot_from_2018-07-26_12-35-40](/uploads/8ff6a05f010df8c324c98a1b8273ebe0/Screenshot_from_2018-07-26_12-35-40.png)
nyt pääsee käsiksi karttaan _mapsWrapperilla esim.
![Screenshot_from_2018-07-26_12-36-05](/uploads/6e7dd64f38d67b00b80c5c425e1a9b8c/Screenshot_from_2018-07-26_12-36-05.png)