Anleitung > Google Ajax Map

Archived Plugins and Howtos

Anleitung > Google Ajax Map

Postby 4seven » Tue 18. Mar 2008, 08:09 | Userzeit: +1.00 / Di 18. Mär 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

Code: Select all
</head>


Davor fügt ein

Code: Select all
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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&amp;v=1.0&amp;source=uds-msw&amp;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 Image

Rollover Image

(Rechte Maustaste > speichern unter...)

-----------------

Das wars

lg
4seven
User avatar
4seven
Administrator
 
Posts: 427
 
Last 3 Topics:
Tabmenu Test
[Snippet] Avatar Ev...
[DEV] Zero and X-P...
 
Joined:
Sun 13. Jan 2008, 23:44
 
Letzter Login:
Mon 1. Aug 2022, 16:40
 
Posted:
Tue 18. Mar 2008, 08:09 +1.00
Userzeit: Di 18. Mär 2008, 08:09

Return to BBCodeBox3 Plugins



Who is online

Users browsing this forum: No registered users and 0 guests

cron