GeoLocation avec ASP.net MVC3

**asma86** · 08/11/2011, 15h57

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

**GuruuMeditation** · 08/11/2011, 17h35

C'est un peu vague, il nous faudrait ton code pour voir

**mermich** · 08/11/2011, 17h37

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

**asma86** · 08/11/2011, 17h40

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**mermich** · 09/11/2011, 10h05

Re,

Il manque l'include de jquery à priori.

**Dark Ryus** · 09/11/2011, 10h32

ça, ça marche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Ikki_2504** · 07/02/2013, 13h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>
    <!-- Le body par défaut d'un projet ASP.NET MVC3 -->
</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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**Ikki_2504** · 07/02/2013, 20h28

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

Fonctionne parfaitement pour moi

GeoLocation avec ASP.net MVC3

ASP.NET MVC

Discussions similaires

Partager

Partager