it-swarm.com.de

Wie erhalte ich die Google Map basierend auf Latitude on Longitude?

Ich möchte die Google-Karte in meiner Webseite nach Längen- und Breitengrad anzeigen. Der erste Benutzer möchte Längen- und Breitengrad in zwei Textfelder eingeben. Klicken Sie dann auf die Schaltfläche "Senden". Ich muss den entsprechenden Standort in der Google-Karte anzeigen. Außerdem möchte ich den Wetterbericht darüber anzeigen. Wie kann ich das tun? Danke dir.

38
Gnaniyar Zubair

dies ist das Javascript, um Google Maps anzuzeigen, indem Sie Ihren Längen- und Breitengrad angeben.

<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

Erstellen Sie einen URI wie diesen: 

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

Zum Beispiel:

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

oder, wenn Sie die Javascript-API verwenden

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

Diese und weitere hilfreiche Informationen stammen von hier:

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

93
jsw

Haben Sie die Geokodierungs-API von Google durchgegangen? Der folgende Link soll Ihnen den Einstieg erleichtern: http://code.google.com/apis/maps/documentation/geocoding/#GeocodingRequests

3
Ozair Kafray
<script>
    function initMap() {
        //echo hiii;

        var map = new google.maps.Map(document.getElementById('map'), {
          center: new google.maps.LatLng(8.5241, 76.9366),
          zoom: 12
        });
        var infoWindow = new google.maps.InfoWindow;

        // Change this depending on the name of your PHP or XML file
        downloadUrl('https://storage.googleapis.com/mapsdevsite/json/mapmarkers2.xml', function(data) {
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName('package');
            Array.prototype.forEach.call(markers, function(markerElem) {
                var id = markerElem.getAttribute('id');
                // var name = markerElem.getAttribute('name');
                // var address = markerElem.getAttribute('address');
                // var type = markerElem.getAttribute('type');
                // var latitude = results[0].geometry.location.lat();
                // var longitude = results[0].geometry.location.lng();
                var point = new google.maps.LatLng(
                    parseFloat(markerElem.getAttribute('latitude')),
                    parseFloat(markerElem.getAttribute('longitude'))
                );

                var infowincontent = document.createElement('div');
                var strong = document.createElement('strong');
                strong.textContent = name
                infowincontent.appendChild(strong);
                infowincontent.appendChild(document.createElement('br'));

                var text = document.createElement('text');
                text.textContent = address
                infowincontent.appendChild(text);
                var icon = customLabel[type] || {};
                var package = new google.maps.Marker({
                    map: map,
                    position: point,
                    label: icon.label
                });

                package.addListener('click', function() {
                    infoWindow.setContent(infowincontent);
                    infoWindow.open(map, package);
                });
            });
        });
    }


    function downloadUrl(url, callback) {
        var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

        request.onreadystatechange = function() {
            if (request.readyState == 4) {
                request.onreadystatechange = doNothing;
                callback(request, request.status);
            }
        };

        request.open('GET', url, true);
        request.send(null);
    }
0
gfhgfhj uu

Fügen Sie zunächst ein Div mit ID hinzu. 

<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