# j-Map

> j-Map: лесен за използване; два пъти свързващ работи с GPS (това означава, че компонентът връща координатите на GPS в модела, когато текстът се използва вместо GPS)

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: 2bc3b777434aef17f9852d90d1fe927530a997ec38726d40b3ba237f63175908
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- `path="target.property"` може да съдържа GPS `48.727903,19.157763` или текст `Viestova 28, Banská Bystrica, Slovakia`
- Два пъти свързващи работи с GPS (това означава, че компонентът връща координатите на GPS в модела, когато `text` се използва вместо GPS)
- __important__: компонентният елемент (или неговият `CSS`) трябва да има определени атрибути на стила `width` и `height`

__Конфигуриране__:

- `key` _ IMPORTANT _ Google API ключ
- `type` (опционално) трябва да съдържа тип карта (`roadmap` (предварително), `satellite`, `hybrid`, `terrain`)
- `draggable` (опционално) за маркер за отвличане и падане (дефолт: `false`)
- `click` (опционално) трябва да съдържа името на функцията и този метод се оценява, когато потребителят кликне върху маркера
- `zoom` (опционално) и по подразбиране `13`
- `icon` (опционално) трябва да съдържа URL към нова икона маркер
- `animation` (опционално) трябва да съдържа анимационен тип (`bounce` и `drop`)

__Методи__:

- `component.search(lat, lng)` Аргументите трябва да са числа
- `component.search(text)` Аргументите трябва да са строеж
- `component.reset()` повикване `resize` събитие (полезно за модули)
- `component.reset(lat, lng)` Аргументите трябва да са числа

Използвайте го с `<ui-component name="map">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

```html 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>
```