Mit dem Mini-Karten-Generator können Sie einfach und schnell auf Webseiten der Kunden kleine Karten generieren, die ausgewählte Lokalisierung des jeweiligen Ereignisses oder Objektes zeigen. Der Kunde kann selbst entscheiden, wie die Mini-Karte aussehen sollte, er kann den Maßstab und die Größe der Karte auswählen.
Um die Mini-Karte in die eigene Webseite einzubetten, muss man einen individuellen Autorisierungsschlüssel, der von der Firma Navigo ausgestellt wird, besitzen.
- Unter Nutzung der Seitenleiste muss man die Adresse finden, für die die Karte generiert werden sollte.
- Man muss den entsprechenden Punkt durch das Anklicken auf die rechte Maustaste klicken auswählen, und dann aus dem vorhandenen Menü die Option „Generieren Sie eine Mini-Karte für diesen Ort“ wählen.
- Im Formular ist dann der zugeteilte Autorisierungsschlüssel einzugeben (sonst wird die Karte nicht angezeigt).
- Fügen Sie einen Titel und eine Beschreibung des ausgewählten Ortes hinzu.
- Um die Größe der Karte im Formular zu ändern, sind die Höhe und die Breite der Karte in Pixeln einzugeben.
- Generieren der Karte.
Um die Mini-Karte mit dem gewählten Ort zu generieren, muss man folgendes tun:
function urlencode (str) {
// URL-encodes string
//
// version: 1109.2015
// discuss at: http://phpjs.org/functions/urlencode // + original by: Philip Peterson
// + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + input by: AJ
// + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: Brett Zamir (http://brett-zamir.me) // + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + input by: travc
// + input by: Brett Zamir (http://brett-zamir.me)
// + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: Lars Fischer // + input by: Ratheous
// + reimplemented by: Brett Zamir (http://brett-zamir.me)
// + bugfixed by: Joris
// + reimplemented by: Brett Zamir (http://brett-zamir.me)
// % note 1: This reflects PHP 5.3/6.0+ behavior // % note 2: Please be aware that this function expects to encode into UTF-8 encoded strings, as found on
// % note 2: pages served as UTF-8
// * example 1: urlencode('Kevin van Zonneveld!');
// * returns 1: 'Kevin+van+Zonneveld%21'
// * example 2: urlencode('http://kevin.vanzonneveld.net/'); // * returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
// * example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
// * returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
str = (str + '').toString();
// Tilde should be allowed unescaped in future versions of PHP (as reflected below), but if you want to reflect current
// PHP behavior, you would need to add ".replace(/~/g, '%7E');" to the following.
return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}
function mapReady () {
map.call('addCustomContextMenuItem', {
id: 'generuj_mini_mape',
label: 'Generuj mini mapę dla tego miejsca'
});
}
function onCustomContextMenuItemSelected( params ) {
var pos_x = params.position.x;
var pos_y = params.position.y;
if ( params.id == 'generuj_mini_mape' ) {
// alert('wyświetlanie formularza z opcjami generatora...');
document.getElementById('adres_x').value = pos_x;
document.getElementById('adres_y').value = pos_y;
document.getElementById('formularzGeneratoraMiniMapy').style.display = 'block' ;
map.call('removePOI', 'punkt_na_mapie' );
var PunktNaMapiePOI = {
id: 'punkt_na_mapie',
position92: [pos_x, pos_y],
title: 'PUNKT NA MAPIE',
shortDesc: 'PUNKT NA MAPIE',
showDetails: false,
};
map.call('addPOI', PunktNaMapiePOI);
/*
var BladNaMapiePOI = {
position92: [pos_x, pos_y],
title: 'Tytuł zgłoszenia błędu',
shortDesc: 'Opis błędu',
showDetails: true,
moreInfo: {
icoURL: 'http://grochocki.info/tmp/zglos-img/blad1.png',
rating: 90
},
};
BladNaMapiePOI.id = "bladId"+params.position.x+'x'+params.position.y;
BladNaMapiePOI.fullDesc = 'Pełny opis błędu.
[zalogowany pracownik działu map]
Przejmij zgłoszenie';
map.call('addPOI', BladNaMapiePOI);
*/
// Generowanie miniaturki obrazka
// document.getElementById('podglad_pozycja').value = pos_x+', '+pos_y;
// document.getElementById('podglad').src = "http://www.navigo.pl/map.php?x="+pos_x+"&y="+pos_y;
}
}
function generujKodHtmlMiniMapyNavigo( klucz, adres_x, adres_y, zoom, tytul, opis, szerokosc, wysokosc, mini_mapa_grubosc_ramki, mini_mapa_kolor_ramki ) {
return '';
}
function generujKodMiniMapyNavigo() {
var navigoAuthkey_podglad_mapy = '50b0b04e4a6f92b406e411650c8363f1';
var adres_x = document.getElementById('adres_x').value;
var adres_y = document.getElementById('adres_y').value;
// 635082&y=491046
var tytul = document.getElementById('mini_mapa_tytul').value;
var opis = document.getElementById('mini_mapa_opis').value;
var szerokosc = document.getElementById('mini_mapa_szerokosc').value;
var wysokosc = document.getElementById('mini_mapa_wysokosc').value;
var klucz = document.getElementById('mini_mapa_klucz').value;
var zoom = document.getElementById('mini_mapa_zoom').value;
var mini_mapa_kolor_ramki = document.getElementById('mini_mapa_kolor_ramki').value;
var mini_mapa_grubosc_ramki = document.getElementById('mini_mapa_grubosc_ramki').value;
var kod = generujKodHtmlMiniMapyNavigo( klucz, adres_x, adres_y, zoom, tytul, opis, szerokosc, wysokosc, mini_mapa_grubosc_ramki, mini_mapa_kolor_ramki );
document.getElementById('kod').value = kod;
document.getElementById('formularzGeneratoraMiniMapy_kod').style.display = 'block' ;
document.getElementById('podglad_mapy').innerHTML = generujKodHtmlMiniMapyNavigo( navigoAuthkey_podglad_mapy, adres_x, adres_y, zoom, tytul, opis, szerokosc, wysokosc, mini_mapa_grubosc_ramki, mini_mapa_kolor_ramki );
}