comment afficher l'adresse dans google map

J'affiche google map sur ma page asp.net en utilisant jquery.J'ai le nom de la nation, le nom de l'entreprise, l'adresse et la longitude et la latitude.comment afficher l'adresse dans google map

Maintenant j'ai ajouter toutes les adresses dans la liste déroulante, sur la base de la sélection déroulante j'ai passé la longitude et la latitude dans le code.Cette partie fonctionne comme elle affiche carte sur la base de latitude et longitude.Mais je n'ai pas de longitude et la latitude pour certains comapnies.So je veux utiliser directement l'adresse des comapnies pour afficher la carte.

Voici le code que je l'ai utilisé:

<script src="js/jquery/jquery-1.9.0.min.js"></script> 
    <!-- <msdropdown> --> 
    <link rel="stylesheet" type="text/css" href="css/msdropdown/dd.css" /> 
    <script src="js/msdropdown/jquery.dd.js"></script> 



    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> 


    <script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false"> 
    </script> 


    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"> 
    </script> 
    </head> 
    <body onload="initialize()"> 
    <select id="countries" style="width:300px;" onchange="updateMap(this.options[this.selectedIndex].value)"> 
      <option value='TVSH - Rruga Ismail Quemali 11>TVSH - Rruga Ismail Quemali 11, Tirana</option></select> 


    function updateMap(selectControl) { 
      alert(selectControl); 
      switch (selectControl) { 
       case 'TVSH - Rruga Ismail Quemali 11, Tirana': 
        var polyline = new google.maps.Polyline({ 
         path: [ 

    new google.maps.LatLng(41.321102, 19.823112)], 
         strokeColor: "#FF0000", 
         strokeOpacity: 1.0, 
         strokeWeight: 2 
        }); 

        var latLng = new google.maps.LatLng(41.321102, 19.823112) 
        break; 

       default: 
        break; 
      } 
      initialize(polyline, latLng); 
     } 

     function initialize(polyline, schoolLatLng) { 
      var myLatLng = schoolLatLng; 
      var myOptions = { 
       zoom: 13, 
       center: myLatLng, 
       mapTypeId: google.maps.MapTypeId.TERRAIN 
      }; 


      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

      polyline.setMap(map); 

     }

maintenant carte DIFFUSE sur la base de la latitude et longitude.Is-il possible que je puisse directement montrer la carte sur les address.I de base ont l'adresse de tous comapnies comme celui-ci: EURONEWS - 60, chemin des Mouilles - 69130 Lyon-Ecully, France

Puis-je montrer la carte sur la base de cette address.please me demander description plus si vous avez besoin.

Source

2013-08-10 sonia

Vous pouvez inclure le géocodage qui vous donne la latitude de retour et la longitude. – putvande

@putvande merci, pouvez-vous me donner un exemple. – sonia

Vous pouvez utiliser Geocoding API, le but de l'API est exactement la transformation d'une adresse en coordonnées, puis avec ces coordonnées vous pouvez rendre la carte, comme vous l'avez déjà fait.

Exemple:

var geocoder = new google.maps.Geocoder(); 
//convert location into longitude and latitude 
geocoder.geocode({ 
    address: 'chemin des Mouilles - 69130 Lyon-Écully, France' 
}, function(locResult) { 
    var lat1 = locResult[0].geometry.location.lat(); 
    var lng1 = locResult[0].geometry.location.lng(); 
});

Source

2013-08-10 15:13:00 Daniele

merci pouvez-vous envoyer le lien de n'importe quel exemple. – sonia

Voir l'édition pour un exemple simple – Daniele

Vous pouvez faire quelque chose comme:

var geocoder = new google.maps.Geocoder(); 
geocoder.geocode({ 'address': 'chemin des Mouilles - 69130 Lyon-Écully, France'}, 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); 
    } 
});

Mais attention cause de la géocodage est asynchrone.

https://developers.google.com/maps/documentation/javascript/geocoding

Source

2013-08-10 15:22:40 putvande

Ou vous pouvez vérifier ces 2 services pour des solutions de rechange. J'ai la plupart des données imprimant qu'ils vous renvoient, il suffit de cliquer sur le bouton me trouver. Mais tirez votre console pour voir tout cela.

Codepen.io Example

Source

2013-08-10 15:29:02

comment afficher l'adresse dans google map

Répondre

Questions connexes