Google Map API V3 with MVC4 Razor

Készítettem GPS adatokat megjelenítő weboldalt. Megmutatom, hogyan lehet gyorsan és egyszerűen ugyanezt másnak is elérnie:

-Hozzunk létre egy Visual Studio 2013-al egy új webalkalmazást:
File-> new-> project
0

Válasszuk az MVC-modell-t és pipáljuk ki lent még hozzá a WEB API-t is.
1

Az index.cshtml-be(Views/Manage/index.cshtml) írjuk bele az alábbi kódot:
2

_Layoutba(Views/Shared/_Layout.cshtml) pedig a következőt: 3

Már lehet is futtatni a forráskódunkat! Fordításkor azon View-en nyomjunk fordítást, amit meg szeretnénk tekinteni, esetünkben ez az iindex.
4

Böngészőnk ezt adta eredményül.
Módosítjuk a kódunkat!
_Layout.cshtml-ben:
Initalize()-n belül:
– mapOptions-al definiálom a térkép tulajdonságait:
– center: az a pont amit középpontban látunk
-zoom: nagyítás mértéke
-Létrehozok jelőlőt is, aminek a helyét a LatLng-vel állítom be.
Állítsuk be Szegedet!
6
Létrehozok egy információs szöveget is az adott ponthoz:7

Jelenítsünk meg több gps koordinátát a térképen, úgy hogy megjelöljük őket:8
A végeredményünk:
9

Leave a Reply