심포니 2.8에서 Openlayers 3 스크립트를 사용하여 나뭇 가지에 이미지를 포함시키는 방법?

Question

심포니 2.8에서 Openlayers 3 스크립트를 사용하여 나뭇 가지에 이미지를 포함시키는 방법은 무엇입니까?

자산이 아니거나 루트에서 참조하거나 현재 디렉토리에서 참조하는 기능이 작동하지 않습니다. 작동하지 않는 다른 좌표와 점, 그렇지 않은 - http://openlayers.org/en/v3.2.1/examples/drag-features.html

난 그냥 하나의 기능을 사용하여 작동 표시됩니다 다른지도를 사용했다 :

 src: "{{ asset('bundles/meeting/images/google-map-pointer-grey.svg') }}" // does not work 
     src: "{{ asset('/bundles/meeting/images/google-map-pointer-grey.svg') }}" // does not work 
     src: "/bundles/meeting/images/google-map-pointer-grey.svg" // from root directory also does no work 
     src: "../../../images/google-map-pointer-grey.svg" // referencing from the current directory also does no work 

코드의 예제입니다 지도에 표시됩니다.

// 나뭇 가지 템플릿

<script> 

    window.onload = function() { 
    var lat = document.getElementById('edit_form.latitude').value; 
    var lon = document.getElementById('edit_form.longitude').value; 

var pointM = [ parseFloat(lon), parseFloat(lat) ]; 
var pointMWebMercator = ol.proj.fromLonLat(pointM, 'EPSG:3857'); 
console.log(' pointMWebMercator m= '+ pointMWebMercator); 

var pointFeature = new ol.Feature(new ol.geom.Point(pointMWebMercator)); 


var map = new ol.Map({ 
    interactions: ol.interaction.defaults().extend([new app.Drag()]), 
    target: 'Openmap', // The DOM element that will contains the map 
    renderer: 'canvas', // Force the renderer to be used 
    size: [200, 200], 
    layers: [ 
    new ol.layer.Tile({ source: new ol.source.OSM() }), 
    new ol.layer.Vector({ 
     source: new ol.source.Vector({ 
     features: [pointFeature] 
     }), 
     style: new ol.style.Style({ 
     image: new ol.style.Icon(({ 
      // @type {olx.style.IconOptions} 
      anchor: [0.5, 46], 
      anchorXUnits: 'fraction', 
      anchorYUnits: 'pixels', 
      opacity: 0.95, 
      src: "{{ asset('bundles/meeting/images/google-map-pointer-grey.svg') }}" // does not work 
     // src: "{{ asset('/bundles/meeting/images/google-map-pointer-grey.svg') }}" // does not work 
     // src: "/bundles/meeting/images/google-map-pointer-grey.svg" // from root directory also does no work 
     // src: "../../../images/google-map-pointer-grey.svg" // referencing from the current directory also does no work 

})), 

    // A leading slash tells the browser to start at the root directory. 
//// i can get the root directory from//print_r("SERVER[DOCUMENT_ROOT]".$_SERVER['DOCUMENT_ROOT']); 
//// for symfony it is project/web 
    // If you don't have the leading slash, you're referencing from the current directory. 
// If you add two dots before the leading slash, it means you're referencing the parent of the current directory. 



     stroke: new ol.style.Stroke({ 
      width: 3, 
      color: [255, 0, 0, 1] 
     }), 
     fill: new ol.style.Fill({ 
      color: [0, 0, 255, 0.6] 
     }) 
     }) 
    }) 
    ], 
    view: new ol.View({ 
    center: pointMWebMercator, 
    zoom: 14 
    }) 
}); 

Answer 1

나뭇 가지가 openlayers을 내장과는 아무 상관이 없습니다. 그것은 자바 스크립트 라이브러리입니다.

나뭇 가지가 실행되어 서버 측에 HTML을 생성합니다. OpenLayer 스크립트는 클라이언트 측에서 실행되어야합니다.

또한 openlayers document은 설명이 필요 없습니다.