google maps simpel maar toch niet 1 punt en locatie in veld - Softwareontwikkeling

zaterdag 28 december 2013 17:56

Acties:

Verwijderd

Topicstarter

Wij zijn bezig met een projectje en al 4 uur aan het klommelen om iets vrij eenvoudigs te doen.

we willen een google maps mapje ... key en alles hebben we netjes in orde kaart weergeven en alles werkt ook.

Wat willen we nu
1 marker kunnen toevoegen (mag bij init zijn)
marker kunnen verplaatsen
lat en lng in 1 of 2 veldjes hebben

we krijgen het maar niet gedaan. Of wel hebben we een pak markers, ofwel krijgen we de postitie niet in tekstvelden.

Is er hier een geweldig behulpzame guru ...

zaterdag 28 december 2013 18:20

Acties:

Verwijderd

Topicstarter

het werkt

nu voor de liefhebbers ...

code:

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        #map_canvas { height:600px; width:800px }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
    var initialLocation;
    var siberia = new google.maps.LatLng(60, 105);
    var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
    var browserSupportFlag =  new Boolean();

    function initialize() {
        var myOptions = {
            zoom: 6,
            mapTypeId: google.maps.MapTypeId.HYBRID
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var marker;

        myListener = google.maps.event.addListener(map, 'click', function(event) {
            placeMarker(event.latLng);
        });
        google.maps.event.addListener(map, 'drag', function(event) {
            placeMarker(event.latLng);
        });

        // Try W3C Geolocation (Preferred)
        if(navigator.geolocation) {
            browserSupportFlag = true;
            navigator.geolocation.getCurrentPosition(function(position) {
                initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
                map.setCenter(initialLocation);
            }, function() {
                handleNoGeolocation(browserSupportFlag);
            });
            // Try Google Gears Geolocation
        } else if (google.gears) {
            browserSupportFlag = true;
            var geo = google.gears.factory.create('beta.geolocation');
            geo.getCurrentPosition(function(position) {
                initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
                map.setCenter(initialLocation);
            }, function() {
                handleNoGeoLocation(browserSupportFlag);
            });
            // Browser doesn't support Geolocation
        } else {
            browserSupportFlag = false;
            handleNoGeolocation(browserSupportFlag);
        }

        function handleNoGeolocation(errorFlag) {
            if (errorFlag === true) {
                alert("Geolocation service failed.");
                initialLocation = newyork;
            } else {
                alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
                initialLocation = siberia;
            }
        }

        function placeMarker(location) {
            if (marker) {
                marker.setPosition(location);
            } else {
               marker = new google.maps.Marker({
                    position: location,
                    map: map,
                    draggable: true
                });
                google.maps.event.addListener(marker, "drag", function (mEvent) {
                    populateInputs(mEvent.latLng);
                });
            }
            populateInputs(location);
        }

        function populateInputs(pos) {
            document.getElementById("t1").value=pos.lat()
            document.getElementById("t2").value=pos.lng();
        }
    }

    </script>
</head>

<body onload="initialize()">
    <div id="map_canvas"></div>
    <input type="text" id="t1">
    <input type="text" id="t2">
</body>
</html>

maandag 30 december 2013 17:47

Acties:

_Thanatos_

Ja, en kaal

De Maps API kan vgs mij zelf ook naar de huidige locatie zoeken, dus dat hoef je er niet zelf in te prutsen (serieus, wie heeft er nou nog Gears??)

Sorry voor de extreem offtopic reactie hoor maar dat krijg je als je alleen de oplossing dumpt zonder te melden wat er nou fout ging. Met mijn reactie valt er tenminste nog *iets* te leren

日本！🎌

zondag 5 januari 2014 12:28

Acties:

jessy100

_Thanatos_ schreef op maandag 30 december 2013 @ 17:47:
De Maps API kan vgs mij zelf ook naar de huidige locatie zoeken, dus dat hoef je er niet zelf in te prutsen (serieus, wie heeft er nou nog Gears??)

Sorry voor de extreem offtopic reactie hoor maar dat krijg je als je alleen de oplossing dumpt zonder te melden wat er nou fout ging. Met mijn reactie valt er tenminste nog *iets* te leren

Wat er te leren valt valt ook wel mee.. Als je nu eens begint met uit te leggen waarom men geen Gears moet heeft / moet hebben ?

maandag 6 januari 2014 02:08

Acties:

8088

NaN

jessy100 schreef op zondag 05 januari 2014 @ 12:28:
Wat er te leren valt valt ook wel mee..

Bij Thanatos' post valt 't inderdaad mee, bij jouw post echter valt 't tegen.

Als je nu eens begint met uit te leggen waarom men geen Gears moet heeft / moet hebben ?

Gears moet dood, voor zover 't dat al niet is.

[ Voor 12% gewijzigd door 8088 op 06-01-2014 02:11 ]

Do you seek to engage in or have you ever engaged in terrorist activities, espionage, sabotage, or genocide?