Bonjour,

Je suis présentement en train de travailler sur un projet de carte Google Maps en ASP. Dans ce projet je dois faire en sorte que l'utilisateur entre son code postal dans une case de texte et faire sortir les 10 entreprises les plus près de l'emplacement du client et qui sont dans le secteur d'activité choisi(plusieurs secteurs peuvent etre choisis en meme temps et les données pour les entreprises sont dans une base de données SQL). Je n'ai aucune idée comment faire (la map sur mon imprime écran est seulement une image).

imprime écran : http://img64.imageshack.us/f/problemeh.jpg/

Si vous pouvez m'aider je serais très heureux !

PS : j'ai commencer un peu de code et puis je ne sais pas trop si je suis dans le bon chemin.

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>

<%
Dim myFixedArray(3) 'Fixed size array
myFixedArray(0) = "34, -150"
myFixedArray(1) = "-10, 150"
myFixedArray(2) = "50, 89"
myFixedArray(3) = "22, 156"
%>

<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">

  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(0, 0);
    var myOptions = {
      zoom: 3,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.HYBRID
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }

</script>

<body onload="initialize()"><!--le onLoad ne fonctionne pas avec IE-->

<% For i = 0 to Ubound(myFixedArray)%>
	<script type="text/javascript">
  		initialize(<%=myFixedArray(i)%>)
    </script>
<%Next%>
<%Response.write(myFixedArray(0))%>

<div>
<input id="address" type="textbox" value="">
<input type="button" value="Geocode" onclick="codeAddress()">
</div>
<a href="#">click pour faire apparaitre la map !</a>
  <div id="map_canvas" style="width:100%; height:400px"></div><!--la map apparait ici-->
</body>
Merci d'avance,

Maxime Langlois