j-Map

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

path="target.property" puede contener GPS 48.727903,19.157763 o texto Viestova 28, Banská Bystrica, Slovakia
El enlace bidireccional funciona con GPS (por lo que el componente devuelve coordenadas GPS al modelo cuando se utiliza text en lugar de GPS)
importante: el elemento componente (o su CSS) debe tener definidos los atributos de estilo width y height.

Configuración:

key IMPORTANTE Clave API de Google
type (opcional) debe contener un tipo de mapa (roadmap (predeterminado), satellite, hybrid, terrain)
draggable (opcional) para arrastrar y soltar marcador (predeterminado: false)
click (opcional) debe contener un nombre de función y este método se evalúa cuando el usuario hace clic en el marcador
zoom (opcional), predeterminado 13
icon (opcional) debe contener una URL a un nuevo marcador de icono
animation (opcional) debe contener un tipo de animación (bounce y drop)

Métodos:

component.search(lat, lng) los argumentos deben ser números.
Los argumentos component.search(text) deben ser una cadena.
component.reset() llamada evento resize (útil para modales)
component.reset(lat, lng) los argumentos deben ser números.

Úselo con <ui-component name="map">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>