___________________________________________
________________________________________________
________________________________________________________
Anleitung zum Installieren des Plugins > Google Ajax Map- Ajax Technologie (API2)
- Direkte Eingabe der Location, z.B.
Berlin, Unter den Linden 14- Direkte Suche im Suchfeld, ohne auf Google Maps zu switchen
- Map-, Satellite-, Hybrid-Ansicht
Hinweis: Pro Topic-Seite ist nur ein Post mit dem Plugin möglich-
xhtml 1.0 strict valideDemo- Als erstes:
Google-Key für deine Domain ordern-
Google Ajax Map Pack
runterladen und die Dateien vom
root ausgehend in euer Forum einfügen.
- Dann:
Öffnestyles/xxxxx/template/overall_header.html
FindetCode:
</head>
Davor fügt einCode:
<script src="http://maps.google.com/maps?file=api&v=2&key=Hier_deinen_Google_Key_eingeben" type="text/javascript"></script>
<!-- Falls ihr schon das Plugin Google Earth Map installiert habt, -->
<!-- braucht ihr den obigen Teil nicht mehr einfügen - Diesen Hinweis bitte entfernen -->
<!-- Google Ajax Map (Api2) -->
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=Hier_deinen_Google_Key_eingeben" type="text/javascript"></script>
<style type="text/css">
@import url("go_aj_ma/gsearch.css");
</style>
<script type="text/javascript">
window._uds_msw_donotrepair = true;
</script>
<script src="go_aj_ma/gsmapsearch.js?mode=new" type="text/javascript"></script>
<style type="text/css">
@import url("go_aj_ma/gsmapsearch.css");
</style>
<style type="text/css">
.gsmsc-mapDiv {
height : 450px;
}
.gsmsc-idleMapDiv {
height : 450px;
}
#mapsearch {
width : 650px;
margin: 10px;
padding: 4px;
}
</style>
<!-- Google Ajax Map (Api2) -->
FindetCode:
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Ersetzt mitCode:
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}" onunload="GUnload()">
- Zuletzt geht ihr in das ACP > Beiträge > BBCodes und gebt folgendes ein:
- BBCode-Benutzung
Code:
[gmap2]{TEXT}[/gmap2]
- HTML-Ersetzung
Code:
<script type="text/javascript">
function LoadMapSearchControl() {
var options = {
mapTypeControl : GSmapSearchControl.MAP_TYPE_ENABLE_ALL,
zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM,
activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM}
new GSmapSearchControl(
document.getElementById("mapsearch"),
"{TEXT}", options);}
GSearch.setOnLoadCallback(LoadMapSearchControl);
</script><div id="mapsearch">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">
Wird geladen...</span></div>
- Tipp-Anzeige: Als Custom Button >
Ja- Tipp-Anzeige: Bei BBCodeBox3-Integrierung >
Nein- Beim Verfassen eines Beitrags anzeigen: Als Custom Button >
Ja- Beim Verfassen eines Beitrags anzeigen: Bei BBCodeBox3-Integrierung >
Nein ----------------
- Zum integrieren in die BBCodeBox3 haltet ihr euch an die
Anleitung zum hinzufügen von BBCodes + eigenen Buttons zur BBCodeBox3------
Buttons:
In den Ordner styles/xxxxx/template/imageset/buttons kopieren
Standardbutton

Rollover

(Rechte Maustaste > speichern unter...)
-----------------
Das wars
lg
4seven