带有 OpenLayers 4 的 Thymeleaf

Question

我在模板中有这段代码：

 view: new ol.View({
                               center: ol.proj.fromLonLat([/*[[${center.longitude}]]*/, /*[[${center.latitude}]]*/]),
                           zoom: 14
                         })

这是对象的值：

center [ Coordinate [latitude=41.33434906005859, longitude=1.8457042932510377]]

但是当我看到模板的来源时，我看到了这个

view: new ol.View({
                               center: ol.proj.fromLonLat([[[${center.longitude}]], /*41.33434906005859*/]),
                           zoom: 14
                         })

Answer 1

请先给js变量赋值

var centerLat = /*[[${center.longitude}]]*/;
var centerLng = /*[[${center.latitude}]]*/;

那就用吧。

 view: new ol.View({
        center: ol.proj.fromLonLat([centerLng, centerLat]),
        zoom: 5
    })

在here

中找到工作代码

带有 OpenLayers 4 的 Thymeleaf

Thymeleaf with OpenLayers 4

html

spring-mvc

openlayers

thymeleaf

spring-boot