Widget:Map: differenze tra le versioni

Da Wiki.
 
Riga 15: Riga 15:
 
*'''height''' = l'altezza dell'immagine; default=260
 
*'''height''' = l'altezza dell'immagine; default=260
 
*'''marker''' = permette di indicare uno o più marker, in assenza di marker viene visualizzato un marker centrale
 
*'''marker''' = permette di indicare uno o più marker, in assenza di marker viene visualizzato un marker centrale
 +
*'''mSize''' = permette di cambiare la dimensione dei marker indicati tramite il parametro marker
 +
*'''mColor''' = permette di cambiare il colore dei marker indicati tramite il parametro marker
 +
*'''mLabel''' = permette di cambiare il label dei marker indicati tramite il parametro marker
 +
 +
*'''lm''' = Opzione avanzata per inserire una lista di marker con coordinate, colore, dimensione e label diversi (vedi ultimo esempio)
  
 
===Esempi===
 
===Esempi===
 
<nowiki>
 
<nowiki>
 
{{#widget:Map|lat=40.814089|lng=14.338918|zoom=14|label=Piazza San Ciro|pos=right}}
 
{{#widget:Map|lat=40.814089|lng=14.338918|zoom=14|label=Piazza San Ciro|pos=right}}
{{#widget:Map|lat=44.533694|lng=11.290224|zoom=12|pos=right|marker=44.533694,11.244,greena|marker=44.533694,11.285,yellowb}}
+
{{#widget:Map|lat=44.533694|lng=11.290224|zoom=12|pos=right|marker=44.533694,11.244|marker=44.533694,11.285|mColor:green|mLabel:B}}
 +
 
 +
{{#widget:Map|lat=44.533694|lng=11.290224|zoom=12|pos=right
 +
|lm.0.coord=44.533694,11.244|lm.0.color=green|lm.0.label=A
 +
|lm.1.coord=44.533694,11.285|lm.1.size=mid|lm.1.color=yellow|lm.1.label=B}}
 
</nowiki>
 
</nowiki>
  
Riga 26: Riga 35:
 
[http://rete.comuni-italiani.it/tool/wiki/map.html tool/wiki/map.html]
 
[http://rete.comuni-italiani.it/tool/wiki/map.html tool/wiki/map.html]
  
</noinclude><includeonly><div class="thumb t<!--{$pos|escape:'html'|default:left}-->"><a href="http://www.comuni-italiani.it/mappa/?ll=<!--{$lat|escape:'url'}-->,<!--{$lng|escape:'url'}-->&z=<!--{$zoom|escape:'url'|default:16}-->&xm=<!--{$lat|escape:'url'}-->,<!--{$lng|escape:'url'}-->" class="internal"><img title="<!--{$label|escape:'html'|default:'Mappa'}-->" class="thumbimage" src="http://maps.google.com/staticmap?center=<!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->&zoom=<!--{$zoom|escape:'urlpathinfo'|default:16}-->&size=320x<!--{$height|escape:'urlpathinfo'|default:260}-->&key=ABQIAAAAWJGefsc9OIFn4AL4SWdzoBSs2NBd1inM7bKRsKV1Q_5CL4WeOBQlGmMkufWvoQ9xVNeagLRI5_DdEA&sensor=false&markers=<!--{if not isset($marker)}--><!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->,midblue<!--{/if}--><!--{if isset($marker)}--><!--{foreach from=$marker item=m}--><!--{$m|escape:'urlpathinfo'}-->%7C<!--{/foreach}--><!--{/if}-->" width="320" height="<!--{$height|escape:'html'|default:260}-->"></a></div></includeonly>
+
</noinclude>
 +
<includeonly>
 +
<div class="thumb t<!--{$pos|escape:'html'|default:left}-->">
 +
<a href="http://www.comuni-italiani.it/mappa/?ll=<!--{$lat|escape:'url'}-->,<!--{$lng|escape:'url'}-->&z=<!--{$zoom|escape:'url'|default:16}-->&xm=<!--{$lat|escape:'url'}-->,<!--{$lng|escape:'url'}-->" class="internal">
 +
<img title="<!--{$label|escape:'html'|default:'Mappa'}-->" class="thumbimage"  
 +
src="http://maps.googleapis.com/maps/api/staticmap?
 +
center=<!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->
 +
&zoom=<!--{$zoom|escape:'urlpathinfo'|default:16}-->
 +
&size=320x<!--{$height|escape:'urlpathinfo'|default:260}-->
 +
&sensor=false&key=AIzaSyCEDFu9KxI3LGu8gxxCxjTuHkh0U47jFR0
 +
<!--{if isset($marker)}-->
 +
&markers=size:<!--{$mSize|default:'mid'|escape:'urlpathinfo'}-->|color:<!--{$mColor|default:'blue'|escape:'urlpathinfo'}-->
 +
<!--{if isset($mLabel)}-->|label:<!--{$mLabel|escape:'urlpathinfo'}--><!--{/if}-->
 +
<!--{foreach from=$marker item=m}-->|<!--{$m|escape:'urlpathinfo'}--><!--{/foreach}-->
 +
<!--{elseif isset($lm) && is_array($lm)}-->
 +
<!--{foreach from=$lm key=myId item=m}-->
 +
&markers=<!--{if isset($m.size)}-->size:<!--{$m.size|escape:'urlpathinfo'}-->|<!--{/if}-->
 +
<!--{if isset($m.color)}-->color:<!--{$m.color|escape:'urlpathinfo'}-->|<!--{/if}-->
 +
<!--{if isset($m.label)}-->label:<!--{$m.label|escape:'urlpathinfo'}-->|<!--{/if}-->
 +
<!--{$m.coord|escape:'urlpathinfo'}-->
 +
<!--{/foreach}-->
 +
<!--{else}-->
 +
&markers=size:mid%7Ccolor:blue%7C<!--{$lat|escape:'urlpathinfo'}-->,<!--{$lng|escape:'urlpathinfo'}-->
 +
<!--{/if}-->
 +
" width="320" height="<!--{$height|escape:'html'|default:260}-->">
 +
</a></div>
 +
</includeonly>

Versione attuale delle 17:11, 8 nov 2013

Mappe. Permette di inserire delle mappe sul Wiki tramite Google Map. La larghezza attualmente è fissa: 320px. Per default l'immagine è 320x260px.

Indice

Modalità d'uso

{{#widget:Map|parametri}

Parametri

  • lat = latitudine (con il punto decimale)
  • lng = longitudine (con il punto decimale)

Parametri Opzionali

  • zoom = livello di zoom; default = 16
  • pos = posizione (left or right); default=left
  • label = didascalia; default= 'Mappa'
  • height = l'altezza dell'immagine; default=260
  • marker = permette di indicare uno o più marker, in assenza di marker viene visualizzato un marker centrale
  • mSize = permette di cambiare la dimensione dei marker indicati tramite il parametro marker
  • mColor = permette di cambiare il colore dei marker indicati tramite il parametro marker
  • mLabel = permette di cambiare il label dei marker indicati tramite il parametro marker
  • lm = Opzione avanzata per inserire una lista di marker con coordinate, colore, dimensione e label diversi (vedi ultimo esempio)

Esempi

{{#widget:Map|lat=40.814089|lng=14.338918|zoom=14|label=Piazza San Ciro|pos=right}} {{#widget:Map|lat=44.533694|lng=11.290224|zoom=12|pos=right|marker=44.533694,11.244|marker=44.533694,11.285|mColor:green|mLabel:B}} {{#widget:Map|lat=44.533694|lng=11.290224|zoom=12|pos=right |lm.0.coord=44.533694,11.244|lm.0.color=green|lm.0.label=A |lm.1.coord=44.533694,11.285|lm.1.size=mid|lm.1.color=yellow|lm.1.label=B}}

Autocomposizione

E' possibile creare automaticamente il codice necessario, utilizzando un apposito strumento disponibile qui: tool/wiki/map.html