angular-openlayers-directive icon indicating copy to clipboard operation
angular-openlayers-directive copied to clipboard

Openlayers component not showed on Aside

Open annettaws opened this issue 8 years ago • 4 comments

Hi, i've installed and tried this component on my angularjs project, and everthing is working fine. I've created a custom component that inclued the maps, but when i try to include this on $aside component it is not showed. Can anyone help me? thanks

annettaws avatar Mar 31 '17 10:03 annettaws

Hi, I'm sorry, but I need more detail to be able to help.

juristr avatar Mar 31 '17 11:03 juristr

The situation is this: I've the tag in a component . This on, if I put it on a page everithing is ok. But if i put it inside a

I've tried to put also directely the tag but is not working too. This is an example of the page:

<!-- Aside template -->
<script type="text/ng-template" id="localitaModal.html">
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title" id="modal-title">{{ mvm.localita.indirizzo}}</h3>
        </div>
        <div class="box-body" id="modal-body">
             <map-widget points="mvm.points"></map-widget> <!-- NO WORKING -->
        </div>
    </div>
</script>

<!-- Content -->
<section class="content-header">
    <h1>Località <small>Lista località </small></h1>
    
</section>
<section class="content">
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Mappa</h3>
        </div>
        <div class="box-body">
           <map-widget points="vm.points"></map-widget> <!-- WORKING -->
        </div>
        <div class="box-footer">
            Footer
        </div>
    </div>
</section>

annettaws avatar Mar 31 '17 15:03 annettaws

Can you paste me the essential parts of the <map-widget>?

juristr avatar Mar 31 '17 15:03 juristr

this is all the map-widget component

<div class="map-div">
    <openlayers ol-center="vm.center" ol-defaults="vm.defaults">
    </openlayers>
</div>
<div ng-bind="vm.position | json">Position
</div>
<div ng-bind="vm.points | json">Points
</div>

annettaws avatar Mar 31 '17 18:03 annettaws