j-Map

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

O path="target.property" pode conter o 48.727903,19.157763 ou o texto Viestova 28, Banská Bystrica, Slovakia.
dois modos de ligação funciona com o GPS (por isso, o componente retorna as coordenadas do GPS no modelo quando o text é usado em vez do GPS)
importante: o elemento componente (ou seu CSS) deve ter definidos atributos de estilo width e height

Configuração:

key IMPORTANTE Google API chave
type (opcional) deve conter um tipo de mapa (roadmap (default), satellite, hybrid, terrain)
draggable (opcional) para o marcador de tração e queda (default: false)
click (opcional) deve conter um nome de função e este método é avaliado quando o usuário clique no marcador
zoom (opcional), padrão 13
icon (opcional) deve conter uma URL para um novo ícone
animation (opcional) deve conter um tipo de animação (bounce e drop)

Métodos:

Os argumentos de component.search(lat, lng) devem ser números
Os argumentos de component.search(text) devem ser uma corrente
component.reset() chamada evento resize (usável para modals)
Os argumentos de component.reset(lat, lng) devem ser números

Use-o com <ui-component name="map">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

<ui-component name="map" path="mygps" config="zoom:10;draggable:false;animation:bounce" style="width:300px;height:150px"></ui-component>

<script>
	var mygps = '48.727903,19.157763';
</script>