Краткий гайд по установке и использованнию google maps add-on.
Для начало необходимо освоить азы шаманства.
После того как подготовительный этап пройден, то остается лишь сделать последовательность простых маневров:
1. Создаем spring boot vaadin проект.
2. Далее делаем корректировку зависимостей согласно шаманству.
3. Добавляем зависимость на аддон карты.
|
1 |
compile 'com.vaadin.tapio:googlemaps:1.1.2' |
4. Теперь необходимо скомпилировать widgetset для карт. Подробнее все в том же шаманстве. В итоге в widgetset.gwt.xml получим следующую запись:
|
1 |
<inherits name="com.vaadin.tapio.googlemaps.Widgetset"> |
5. Теперь, чтобы воспользоваться картами необходимо всего лишь получить ключ на API в Developer Console.
Если в списке существующих проектов есть тот, который можно использовать для привязки к картам, то можно выбрать его, иначе перейдем к созданию нового проекта. Нажимаем Create project.
В появившемся окне вводим название нашего проекта и нажимаем Create.
Выбираем созданный проект из списка ( после создания он выбран по умолчанию) и переходим во вкладку APIs & auth.
Далее выбираем пункт APIs и в нем выбираем интересующий нас Google Maps JavaScript API.
Жмем Enable API.
Переходим в пункт Credentails и под записью Public API Access, жмем Create new Key. Нам нужен Browser key.
Теперь создавая GoogleMap vaadin View, нужно передавать в качестве параметра сгенерированный ключ.
|
1 2 3 4 |
def googleMap = new GoogleMap(environment.getProperty('google.map.api.key'), null, 'russian') googleMap.setSizeFull() googleMap.setZoom(10) content = googleMap |
Если теперь разместить view как контент UI, то получим следующий результат:
