j-Leaflet

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Este componente usa Leia mais A biblioteca com o OpenStreetMap O componente utiliza dependências de terceira parte.

Configuração:

height {Number/String} altura fixa ou um elemento parental (default: 200)
margin {Number} uma margem para o elemento parental (default: 0)
marker {Boolean} permite o marcador (default: true)
draggable {Boolean} permite o marcador de tração (default: false)
zoom {Number} Nível de zoom padrão (default) 10)
maxzoom {Number} Nível de zoom máximo (default) 19)
icon {String} um URL para o ícone de marcador padrão
iconanchor {String} opcional, ancor de ícone no para x,y (default: undefined)
iconsize {String} opcional, tamanho do ícone para w,h (default: undefined)
Evento de movimento move {String} - um link para a função ou variável function(pos)
click {String} um evento de clique marcador - um link para a função ou variável function(pos)
center {String} um local padrão (por exemplo, Bratislava, Slovakia) se o valor setter for vazio/nulo
NEW: exec {String} opcional, um link para o function(value, component) (é executado quando o valor for alterado)

Métodos:

component.search(location, callback) busca localização na API OpenStreetMap (resposta é array)
component.parse(pos) retorna o GPS parsed para array [lat, lon, zoom]
component.center(pos) mapa para a posição específica

Use-o com <ui-component name="leaflet">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.

example.html

<div style="width:400px">
	<ui-component name="leaflet" path="totalgps" config="height:200"></ui-component>
</div>

<script>
	var totalgps = '48.7357552902333, 19.1465583527431';
</script>