Skip to content

Changes

Page history
Update angular google maps authored by Timo Heinonen's avatar Timo Heinonen
Show whitespace changes
Inline Side-by-side
angular-google-maps.md
View page @ c4d3ba59
...@@ -40,9 +40,15 @@ outdoor.component tiedostossa on toinen getDevices funktio, joka kutsuu device.s ...@@ -40,9 +40,15 @@ outdoor.component tiedostossa on toinen getDevices funktio, joka kutsuu device.s
![Screenshot_from_2018-07-26_10-31-04](/uploads/570e4762ba6c151e6b76f68fe67d1f14/Screenshot_from_2018-07-26_10-31-04.png) ![Screenshot_from_2018-07-26_10-31-04](/uploads/570e4762ba6c151e6b76f68fe67d1f14/Screenshot_from_2018-07-26_10-31-04.png)
### Datan sijoitus karttaelementtiin
Tuo devices bindataan agm-map komponenttiin outdoor.component.html tiedostossa. `<div> ` luodaan vain jos devices taulukossa on dataa. Tuo changeRoute event liittyy routerLinkkiin eikä sitä tarvitse tässä huomioida. Tuo devices bindataan agm-map komponenttiin outdoor.component.html tiedostossa. `<div> ` luodaan vain jos devices taulukossa on dataa. Tuo changeRoute event liittyy routerLinkkiin eikä sitä tarvitse tässä huomioida.
![Screenshot_from_2018-07-26_10-37-08](/uploads/a3b27ed35b841a49e5ffc5ee0fcec0a7/Screenshot_from_2018-07-26_10-37-08.png) ![Screenshot_from_2018-07-26_10-37-08](/uploads/a3b27ed35b841a49e5ffc5ee0fcec0a7/Screenshot_from_2018-07-26_10-37-08.png)
Data sijoitetaan agm-map.componentissa markers muuttujaan
![Screenshot_from_2018-07-26_12-17-36](/uploads/e65c359610589de079f85ff5dfd0cf5c/Screenshot_from_2018-07-26_12-17-36.png)
Markers taulukon arvot käydään läpi agm-marker elementissä *ngFor loopilla. agm-map.component.html
![Screenshot_from_2018-07-26_12-19-13](/uploads/714c59837266294b5766e79c4d69b822/Screenshot_from_2018-07-26_12-19-13.png)
\ No newline at end of file