Google map vraag met wat meer inzet. ;-)

[Verwijderd]

Wat ik graag wil is informatie wegschrijven naar een formulier dat afkomstig is van een Googlemap op mijn website.

De volgende code betreft het google gedeelte:

_{<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=true">
</script>
<script>
/* Script for Google maps geo Marker */
var geolocationID = 8; //Change 15 with your hidden box ID number
var map;
var marker;
var clickFlag = 0;
var myCenter=new google.maps.LatLng(52.3167, 5.5500);
function initialize()
{
var mapProp = {
center:myCenter,
zoom:7,
mapTypeControl:true,
sensor:true,
mapTypeControlOptions: {
style:google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),mapProp);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
function placeMarker(location) {
if(clickFlag == 0) {
marker = new google.maps.Marker({
position: location,
animation:google.maps.Animation.BOUNCE,
map: map,
});
clickFlag = 1;
}
else {
marker.setPosition( location);
map.panTo(location);
}
//this ID of the hidden field should be common.
document.getElementById('formID'+geolocationID).value = location;
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>}

Het formulierveld waarna ik het wil schrijven : _{<input type="hidden" name="from" id="formID" value=""/>}


En dan de Googlemap zeff

_{<div id="map_canvas"></div>}

Als ik het goed lees zit er een eventhandler in dat script die vertelt wat te doen als er op die map geklikt word.
Die zoekt dan het pagina element op (ID) om die dan de waarde door te geven.

Het moge duidelijk zijn dat het mij niet lukt.

[Miyamoto]

Ah je haalt een random lap code van internet en hij doet het niet?
WAT werkt er niet? (Ik weet het wel, want je schrijft weg naar een niet-bestaand ID, maar weet je dat zelf ook? Of wat heb je getest en werkt er wél?)

Gebruik van code-tags is ook wel fijn, zoals RobIII al aanhaalde.

code:

var geolocationID = 8; //Change 15 with your hidden box ID number
document.getElementById('formID'+geolocationID).value = location;

code:

<input type="hidden" name="from" id="formID" value=""/>

Verder gebruik je nu iemand anders z'n API key (al is dat bij v3 niet meer nodig dacht ik)
sensor kan hoogstwaarschijnlijk ook op false: https://developers.google.com/maps/articles/geolocation

[ Voor 6% gewijzigd door Miyamoto op 10-02-2014 14:11 ]

[StephanVierkant]

Elke fatsoenlijke browser heeft een console waarbij je foutmeldingen mee kunt uitlezen. Probeer dat eens en zorg dat je snapt wat er precies fout gaat.

[RobIII]

Verwijderd schreef op maandag 10 februari 2014 @ 14:01:
Het moge duidelijk zijn dat het mij niet lukt.

Wat lukt er dan niet?

RobIII schreef op maandag 10 februari 2014 @ 13:43:
je zult een concrete vraag ... in je topic moeten zetten wil je enige kans van slagen hebben

Dat was toch wel duidelijk lijkt me?

Verder is een topictitel die de lading dekt en het gebruik van code tags (die ik al eerder aanhaalde) ook nog steeds van belang. Ook geven we geen support op code van derden; daarvoor mag je bij die derden aankloppen. Tot slot is ook nog aardig duidelijk dat je gewoon in 't wilde weg code aan 't copy/pasten bent en bidden dat 't werkt zonder gewoon eens even de documentatie erbij te nemen.

Al-met-al is dit nog steeds een Kan iemand even...? en daar doen we hier dus niet aan; zeker niet als je met een klein beetje debuggen (Debuggen: Hoe doe ik dat?) zelf al je conclusie had kunnen trekken.

[ Voor 38% gewijzigd door RobIII op 10-02-2014 14:25 ]