• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wo den Code einfügen?

H

habibi1809

Neues Mitglied
Hi an euch!
Bin grad dabei ne Seite zu erstellen, auf welcher ich so eine google-Map einfügen will.
Nur wo muss ich den code einfügen???? Ich sitze irgendwie gerade auf dem Schlauch,
müsste eigentlich easy sein :D Danke euch vielmals! :)
Hier ein Auszug aus meiner Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Anfahrt</title>
<meta http-equiv="expires" content="0">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" lang="" content="">
<meta name="generator" content="Web2Date BASIC">
<link rel="stylesheet" type="text/css" href="./assets/s.css">
<link rel="stylesheet" type="text/css" href="./assets/ssb.css">
</head>
<script language="JavaScript">
agent = navigator.userAgent;
yes = 0;
if(agent.substring(0,7) == "Mozilla")
{
if( parseInt(agent.substring(8,9)) >= 3)
{
yes = 1;
}
}
if(yes)
{
pm0n = new Image();
pm0n.src = "./images/nm0.gif";
pm0h = new Image();
pm0h.src = "./images/nam0.gif";


pm1n = new Image();
pm1n.src = "./images/nm1.gif";
pm1h = new Image();
pm1h.src = "./images/nam1.gif";

pm2n = new Image();
pm2n.src = "./images/nm2.gif";
pm2h = new Image();
pm2h.src = "./images/nam2.gif";

pm3n = new Image();
pm3n.src = "./images/nm3.gif";
pm3h = new Image();
pm3h.src = "./images/nam3.gif";

pm4n = new Image();
pm4n.src = "./images/nm4.gif";
pm4h = new Image();
pm4h.src = "./images/nam4.gif";

pm5n = new Image();
pm5n.src = "./images/nm5.gif";
pm5h = new Image();
pm5h.src = "./images/nam5.gif";

pm6n = new Image();
pm6n.src = "./images/nm6.gif";
pm6h = new Image();
pm6h.src = "./images/nam6.gif";

pm7n = new Image();
pm7n.src = "./images/nm7.gif";
pm7h = new Image();
pm7h.src = "./images/nam7.gif";

pm8n = new Image();
pm8n.src = "./images/nm8.gif";
pm8h = new Image();
pm8h.src = "./images/nam8.gif";

pm9n = new Image();
pm9n.src = "./images/nm9.gif";
pm9h = new Image();
pm9h.src = "./images/nam9.gif";

pm10n = new Image();
pm10n.src = "./images/nm10.gif";
pm10h = new Image();
pm10h.src = "./images/nam10.gif";

pm11n = new Image();
pm11n.src = "./images/nm11.gif";
pm11h = new Image();
pm11h.src = "./images/nam11.gif";

pm12n = new Image();
pm12n.src = "./images/nm12.gif";
pm12h = new Image();
pm12h.src = "./images/nam12.gif";

pm13n = new Image();
pm13n.src = "./images/nm13.gif";
pm13h = new Image();
pm13h.src = "./images/nam13.gif";

pm14n = new Image();
pm14n.src = "./images/nm14.gif";
pm14h = new Image();
pm14h.src = "./images/nam14.gif";

pm15n = new Image();
pm15n.src = "./images/nm15.gif";
pm15h = new Image();
pm15h.src = "./images/nam15.gif";

pm16n = new Image();
pm16n.src = "./images/nm16.gif";
pm16h = new Image();
pm16h.src = "./images/nam16.gif";

pm17n = new Image();
pm17n.src = "./images/nm17.gif";
pm17h = new Image();
pm17h.src = "./images/nam17.gif";
}
function CI(imgNum,imgName)
{
if(yes)
{
document.images[imgNum].src = eval(imgName + ".src")
}
}
</script>

<body bgcolor="#ffffff" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="700" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top"><table width="200" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="./images/nt.gif" width="200" height="21" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/plg.jpg" width="200" height="303" alt="" border="0"></td>
</tr>

<tr>
<td><a href="./index.html" onmouseover="CI('pm0','pm0h');return true" onmouseout="CI('pm0','pm0n');return true"><img src="./images/nm0.gif" width="200" height="21" name="pm0" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6a0b0b305/index.html" onmouseover="CI('pm1','pm1h');return true" onmouseout="CI('pm1','pm1n');return true"><img src="./images/nm1.gif" width="200" height="21" name="pm1" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6a0b08502/vorstaende.html" onmouseover="CI('pm2','pm2h');return true" onmouseout="CI('pm2','pm2n');return true"><img src="./images/nm2.gif" width="200" height="21" name="pm2" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6a0b0f50a/satzung.html" onmouseover="CI('pm3','pm3h');return true" onmouseout="CI('pm3','pm3n');return true"><img src="./images/nm3.gif" width="200" height="21" name="pm3" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6a0b14d0e/fischerkoenige.html" onmouseover="CI('pm4','pm4h');return true" onmouseout="CI('pm4','pm4n');return true"><img src="./images/nm4.gif" width="200" height="21" name="pm4" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6b087c106/gewaesser.html" onmouseover="CI('pm5','pm5h');return true" onmouseout="CI('pm5','pm5n');return true"><img src="./images/nm5.gif" width="200" height="21" name="pm5" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000019b6a0b1280c/schonzeiten.html" onmouseover="CI('pm6','pm6h');return true" onmouseout="CI('pm6','pm6n');return true"><img src="./images/nm6.gif" width="200" height="21" name="pm6" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808b3b08/mitgliedsbeitraege.html" onmouseover="CI('pm7','pm7h');return true" onmouseout="CI('pm7','pm7n');return true"><img src="./images/nm7.gif" width="200" height="21" name="pm7" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808b610b/karten.html" onmouseover="CI('pm8','pm8h');return true" onmouseout="CI('pm8','pm8n');return true"><img src="./images/nm8.gif" width="200" height="21" name="pm8" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808b720e/vereinsheim.html" onmouseover="CI('pm9','pm9h');return true" onmouseout="CI('pm9','pm9n');return true"><img src="./images/nm9.gif" width="200" height="21" name="pm9" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808b8811/diejugend.html" onmouseover="CI('pm10','pm10h');return true" onmouseout="CI('pm10','pm10n');return true"><img src="./images/nm10.gif" width="200" height="21" name="pm10" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808b9f14/mitgliedwerden.html" onmouseover="CI('pm11','pm11h');return true" onmouseout="CI('pm11','pm11n');return true"><img src="./images/nm11.gif" width="200" height="21" name="pm11" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808bb117/aktuelles.html" onmouseover="CI('pm12','pm12h');return true" onmouseout="CI('pm12','pm12n');return true"><img src="./images/nm12.gif" width="200" height="21" name="pm12" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808bc01a/fischerpruefung.html" onmouseover="CI('pm13','pm13h');return true" onmouseout="CI('pm13','pm13n');return true"><img src="./images/nm13.gif" width="200" height="21" name="pm13" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808bd51d/downloads.html" onmouseover="CI('pm14','pm14h');return true" onmouseout="CI('pm14','pm14n');return true"><img src="./images/nm14.gif" width="200" height="21" name="pm14" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808bfb20/links.html" onmouseover="CI('pm15','pm15h');return true" onmouseout="CI('pm15','pm15n');return true"><img src="./images/nm15.gif" width="200" height="21" name="pm15" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808c0c23/flohmarkt.html" onmouseover="CI('pm16','pm16h');return true" onmouseout="CI('pm16','pm16n');return true"><img src="./images/nm16.gif" width="200" height="21" name="pm16" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="./0000009e7808c4125/bildergalerie.html" onmouseover="CI('pm17','pm17h');return true" onmouseout="CI('pm17','pm17n');return true"><img src="./images/nm17.gif" width="200" height="21" name="pm17" alt="" border="0"></a></td>
</tr>
</table></td>




<td><img src="./images/pcp.gif" width="15" height="1" alt="" border="0"></td>
<td valign="top"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><a class="nav" href="./index.html">Startseite</a><br></td>
</tr>
<tr>
<td colspan="3"><img src="./images/pl570.gif" width="570" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3"><img src="./images/ph0000019b6b09d0e05.gif" width="570" height="50" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" align="right"><a class="nav" href="0000019b6a0e06302.html"><img src="./images/parrw.gif" width="14" height="8" alt="" border="0">Kontakt</a></td>
</tr>


<tr>
<td colspan="3"><img src="./images/pl570.gif" width="570" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3" align="center"><a class="nav" href="./0000019b6b09d0e05.html"><img src="./images/parrw.gif" width="14" height="8" alt="" border="0">Anfahrt</a><a class="nav" href="./0000019b6a0e06302.html"><img src="./images/parrw.gif" width="14" height="8" alt="" border="0">Kontakt</a><a class="nav" href="./0000019b6a0e05901.html"><img src="./images/parrw.gif" width="14" height="8" alt="" border="0">Impressum</a></td>
</tr>

<tr>
<td><img src="./images/pcp.gif" width="350" height="4" alt="" border="0"></td>
<td><img src="./images/pcp.gif" width="20" height="4" alt="" border="0"></td>
<td><img src="./images/pcp.gif" width="200" height="4" alt="" border="0"></td>
</tr>
</table></td>
</tr>
</table>


</body>
</html>
 
Das ist wirklich einfach, darfst den Javascript nicht zwischen </head> und <body> setzen! Mach ihn unter <body> rein. Versuch mal..
 
Das JavaScript dort hat aber nichts mit GoogleMaps zu tun. Auch wenn der Hinweis durchaus richtig ist.

Wenn Du GoogleMaps einbinden willst, schau dir eine von den vielen Anleitungen an. Zu beachten ist lediglich, dass es 2 verschiedene GoogleMap-Varianten gibt:
a) die GoogleMap als iframe
b) die GoogleMap API

Letztere muss man bei Unternehmenswebseiten nutzen, da darf man nicht das iframe verwenden. Ansonsten ist die Wahl dir überlassen.

Eine Anleitung fürs iframe:
Google Maps einbinden: So bauen Sie Google Maps in Ihre eigene Webseite ein | Tipps, Tricks & Kniffe

Eine Anleitung für die API:
https://sites.google.com/site/mapswikihilfe/maps-api-grundlagen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben