web-dev-qa-db-fra.com

Comment obtenir la carte Google en fonction de la latitude sur la longitude?

Je souhaite afficher la carte Google dans ma page Web en fonction de la longitude et de la latitude. Le premier utilisateur veut entrer la longitude et la latitude dans deux zones de texte. Cliquez ensuite sur le bouton d'envoi. Je dois afficher l'emplacement approprié sur Google map.Et aussi, je souhaite afficher le bulletin météo à ce sujet.Comment faire cela? Je vous remercie.

google-mapslatitude-longitude
38
Gnaniyar Zubair

c'est le javascript pour afficher google map en passant votre longitude et latitude.

<script>
    function initialize() {
      var myLatlng = new google.maps.LatLng(-34.397, 150.644);
      var myOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }

    function loadScript() {
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
      document.body.appendChild(script);
    }

    window.onload = loadScript;


</script>
19
Gnaniyar Zubair

Créez un URI comme celui-ci: 

http://maps.google.com/?q=[lat],[long]

Par exemple:

http://maps.google.com/?q=-37.866963,144.980615

ou, si vous utilisez l'API javascript

map.setCenter(new GLatLng(0,0))

Ceci et d’autres informations utiles viennent d’ici:

http://code.google.com/apis/maps/documentation/javascript/reference.html#Map

93
jsw

Avez-vous visité l'API de géocodage de Google? Le lien suivant vous aidera à démarrer: http://code.google.com/apis/maps/documentation/geocoding/#GeocodingRequests

3
Ozair Kafray

Tout d'abord ajouter un div avec id. 

<div id="my_map_add" style="width:100%;height:300px;"></div>

<script type="text/javascript">
function my_map_add() {
var myMapCenter = new google.maps.LatLng(28.5383866, 77.34916609);
var myMapProp = {center:myMapCenter, zoom:12, scrollwheel:false, draggable:false, mapTypeId:google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("my_map_add"),myMapProp);
var marker = new google.maps.Marker({position:myMapCenter});
marker.setMap(map);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=your_key&callback=my_map_add"></script>
0
Pankaj Dubey