Google map code bewerken

Status
Niet open voor verdere reacties.
michelscot

michelscot

Gebruiker
Lid geworden
8 jan 2009
Berichten
145
Graag had ik uitleg over het gebruik van hoe je de code van google met een KEY om in een sjabloon te plaatsen

HTML: 
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true;key=[COLOR="Red"]MIJN KEY CODE[/COLOR]
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var point = new GLatLng(55.599250,-2.783103);
map.addControl(new GMapTypeControl());
map.setCenter(point, 12);
var marker = new GMarker(point);
map.addOverlay(marker); 
map.addControl(new GSmallMapControl()); 
}
}
//]]>
</script>
<body onload=‘onload="load()" onunload="GUnload()"’.>
<div id="map" style="width: 340px; height: 230px"></div>

als ik de code plaats in een accordion spry en ik druk op F12 zie ik de map maar online is er niets te zien
Nu heb ik me beholpen via google map iframe maar zit verveeld met de tekstballon die telkens verschijnt als je op de marker klikt

http://www.michelscot.be/kasteelpaginas/blair.html

kan iemand mijn helpen
groetjes michel



Moderator-[Edit] Html-tag geplaatst. [/Edit]
.
 
Laatst bewerkt door een moderator:
Hoe ziet de volledige code er uit wanneer je hem in een spry-accordion zet?
 
code spry accordion

HTML: 
<head>

<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stijl1 {color: #FFFFCC}
-->
</style>

</head>





      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab stijl1"></div>
          <div class="AccordionPanelContent">

          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab stijl1">Liggin</div>
          <div class="AccordionPanelContent">

	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true;key=[color="Red"]MIJN KEY CODE[/color]
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var point = new GLatLng(55.599250,-2.783103);
map.addControl(new GMapTypeControl());
map.setCenter(point, 12);
var marker = new GMarker(point);
map.addOverlay(marker); 
map.addControl(new GSmallMapControl()); 
}
}
//]]>
</script>
<body onload=‘onload="load()" onunload="GUnload()"’.>
<div id="map" style="width: 340px; height: 230px"></div>

          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab stijl1"></div>
          <div class="AccordionPanelContent">

          </div>
        </div>
        <div class="AccordionPanel">
          <div class="stijl1 AccordionPanelTab"></div>
          <div class="AccordionPanelContent">

              <script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
              </script>
    </p>
          </div>
        </div>
      </div>



Moderator-[Edit] Html-tag geplaatst. [/Edit]
.
 
Laatst bewerkt door een moderator:
oplossing gevonden

HTML: 
<head>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;hl=nl&amp;key=[COLOR="Red"]Mijn KEY[/COLOR]"
      type="text/javascript"></script>
</head>

<body>
<div id="map" style="width: 320px; height: 230px"></div>
    <script type="text/javascript">
    //<![CDATA[

    if (GBrowserIsCompatible()) {
     	 var map = new GMap2(document.getElementById("map"));
  		var point = new GLatLng(55.971385,-3.278604);
		map.addControl(new GMapTypeControl());
		map.addControl(new GSmallMapControl());
		map.setCenter(point, 12);
		var marker = new GMarker(point);
		map.addOverlay(marker);
    }

    //]]>
    </script>
</body>

VB http://www.michelscot.be/kasteelpaginas/scone.html



Moderator-[Edit] Html-tag geplaatst. [/Edit]
.
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan