Самый простой способ реализовать карту Google в Scala.js

В этом блоге я бы объяснил, как реализовать Google Map в scala .js. Если вы разрабатываете свое веб-приложение на Scala и хотите написать функциональность javascript на Scala, вам следует использовать scala.js.

Чтобы внедрить Google Map в scala.js, выполните следующие действия:

1) Добавьте приведенный ниже код в свой HTML-файл.

[code language="html"]
‹script src="https://maps.googleapis.com/maps/api/js›‹/script›

‹div id="map_canvas" style="height: 430px; ширина: 512px;»›‹/div›

[/code]
2) Добавьте приведенную ниже функцию в файл класса Scala
[code language=”java”]
@JSExport
def initialize(lat: Double, long: Double ) = {
val map_canvas = document.getElementById(“map_canvas”)
val map_options = lit(center = (jsnew(g.google.maps.LatLng))(широта, долгота), масштаб = 3 , mapTypeId = g.google.maps.MapTypeId.ROADMAP)
val gogleMap = (jsnew(g.google.maps.Map))(map_canvas, map_options)
val marker = (jsnew(g.google .maps.Marker))(lit(map = gogleMap, position = (jsnew(g.google.maps.LatLng)(lat, long))))
}
[/code]
3) Вызовите функцию initialize в файле HTML.
[code language='html']
‹script type='text/javascript'›

com.knoldus.weather.Weather().initialize(42.2781410217,-74.9159927368)

‹/скрипт›
[/код]

Полный исходный код доступен по адресу https://github.com/knoldus/ScalaJs_Weather_Report.