GeoLocation avec ASP.net MVC3

Version imprimable

08/11/2011, 15h57
asma86

GeoLocation avec ASP.net MVC3

Salut,
J'ai besoin d'un tuto clair et simple pour faire la geolocalisation avec ASP.net MVC3.
En fait, j'ai suivi ce tuto http://65.39.148.34/KB/aspnet/RazorMaps.aspx
mais rien ne s'affiche dans ma page.

Merci d'avance :)
08/11/2011, 17h35
GuruuMeditation

C'est un peu vague, il nous faudrait ton code pour voir ;)
08/11/2011, 17h37
mermich

C'est à dire, quel est le problème ?

j'ai pa du code particulier, c'est le même que le tuto http://65.39.148.34/KB/aspnet/RazorMaps.aspx

En fait, je veux juste introduire la longitude et Latitude et avoir le résultat (la localisation du point dont les coordonnées sont langitude et latitude déjà introduites)

EDIT
Voici le code que j'ai utilisé:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(40.716948, -74.003563); var options = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById ("map_canvas"), options); } $(function () { initialize(); }); </script> <div id="map_canvas" style="width:80%; height:80%"></div>
Mais rien ne s'affiche, donc je demande juste de me dire s'il y a une erreur ou etape manquante et de me donner un autre tuto

09/11/2011, 10h05
mermich

Re,

Il manque l'include de jquery à priori.

ça, ça marche :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
 <script type="text/javascript">
     function initialize() {
         var latlng = new google.maps.LatLng(40.716948, -74.003563);
         var options = { zoom: 14, center: latlng,
             mapTypeId: google.maps.MapTypeId.ROADMAP
         };
         var map = new google.maps.Map(document.getElementById("map_canvas"), options);
     } 
</script> 
<div id="map_canvas" style="width:80%; height:80%"></div>
<script type="text/javascript">initialize()</script>

Tu essayais d’appeler ta fonction initialize() avant que la DIV ne soit chargée, donc ton getElementById ne trouvait rien.

Bonjour,

Je me permets de remonter ce topic car je suis confronté au même problème que l'auteur.
J'ai suivi le même tuto ( http://65.39.148.34/Articles/148949/...and-Google-Map ) afin d'afficher une carte Google Maps dans un projet ASP.NET MVC3, et cette dernière ne s'affiche pas.

Étant débutant en ASP.NET et en MVC, je ne comprends pas d'où provient l'erreur.

Voici le code de mon _Layout.cshtml
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script> <pre lang="aspnet">@RenderSection("Scripts", false) <style type="text/css"> @RenderSection("Styles", false) </style> </head> <body>  </body> </html>
(Quid de la basile <pre> ? Elle ne semble pas fermée et je ne comprends pas vraiment son intérêt... J'ai essayé de la supprimer mais la map ne s'affiche toujours pas.)

et celui de mon Index.cshtml
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 @{ ViewBag.Title = "MVC 3 and Google Maps"; } @section Scripts { <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> } @section Styles { html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 80% } } <h2>Hello, Google Maps</h2> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(40.716948, -74.003563); var options = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), options); } </script> <div id="map_canvas" style="width:80%; height:80%"></div> <script type="text/javascript">initialize()</script>
Avec le code de Dark Ryus, ma carte ne s'affiche toujours pas.
Quelqu'un pour me guider ? :)

Merci !

07/02/2013, 20h28
Ikki_2504

Une solution se trouve ici :
http://blogs.creative-jar.com/post/G...C3-Part-2.aspx

Fonctionne parfaitement pour moi