[英]OpenLayers markers in Thymeleaf
我的Thymeleaf带有2个OpenLayers
(用于从网页上的多个源加载,显示和渲染地图的开源Javascript库)标记,但是页面中仅显示1个
<div id="Map">
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script th:inline="javascript">
/*<![CDATA[*/
var lat = /*[[${lat}]]*/ ;
var lon = /*[[${lng}]]*/ ;
var zoom = 18;
var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984
var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);
var position2 = new OpenLayers.LonLat('4.373067', '50.828010').transform(fromProjection, toProjection);
var size = new OpenLayers.Size(32, 48);
var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h);
var icon = new OpenLayers.Icon('../../../images_pebloc/map_marker.png', size, offset);
map = new OpenLayers.Map("Map");
var mapnik = new OpenLayers.Layer.OSM();
map.addLayer(mapnik);
var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(position, icon));
markers.addMarker(new OpenLayers.Marker(position2, icon));
map.setCenter(position, zoom);
var myLocation = new OpenLayers.Geometry.Point(lon, lat).transform('EPSG:4326', 'EPSG:3857');
/*]]>*/
</script>
</div>
OpenLayers.LonLat
需要数字作为参数,而不是字符串。 因此,将position2
的定义更改为
var position2 = new OpenLayers.LonLat(4.373067, 50.828010).transform(fromProjection, toProjection);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.