Anleitung > Google Ajax Map
Posted: Tue 18. Mar 2008, 08:09___________________________________________
________________________________________________
________________________________________________________
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 valide
Demo
- 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:
Öffne
styles/xxxxx/template/overall_header.html
Findet
Davor fügt ein
Findet
Ersetzt mit
- Zuletzt geht ihr in das ACP > Beiträge > BBCodes und gebt folgendes ein:
- BBCode-Benutzung
- HTML-Ersetzung
- 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
________________________________________________
________________________________________________________
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 valide
Demo
- 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:
Öffne
styles/xxxxx/template/overall_header.html
Findet
- Code: Select all
</head>
Davor fügt ein
- Code: Select all
<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) -->
Findet
- Code: Select all
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Ersetzt mit
- Code: Select all
<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: Select all
[gmap2]{TEXT}[/gmap2]
- HTML-Ersetzung
- Code: Select all
<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