Hallo,
Misschien is dit de verkeerde plaats om te vragen maar wie niet waagt die niet wint. Ik heb een site waar ik in een pagina speciale geocaches op google maps "projecteer". www.gc-spoilers.com .
Ik ben bezig om een nieuwe listing te maken en wil daarbij goog maps gaan gebruiken zoals ik ook op mijn website gebruik. Daar gebruik ik onderstaande html-code voor die ik op https://developers.google.com/maps/documentation/javascript/examples/layer-kml heb gevonden.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=<nepkeyomteverbergen>&sensor=false"> </script> <script type="text/javascript"> function initialize() { var myOptions = { center: new google.maps.LatLng(51.56667, 5.08063), zoom: 7, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var bannerLayer = new google.maps.KmlLayer('http://www.gc-spoilers.com/<naarkmllayermapenbestandsnaam>.kml'); bannerLayer.setMap(map); } </script> <title>Noord Brabant</title> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 100%; height: 100%;"></div> </body> </html>
Op mijn eigen site werkt het perfect maar op een pagina van geocaching krijg ik google maps niet zichtbaar.
Wie kan mij verder helpen?