Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Openlayers component not showed on Aside #364

Open
annettaws opened this issue Mar 31, 2017 · 4 comments
Open

Openlayers component not showed on Aside #364

annettaws opened this issue Mar 31, 2017 · 4 comments

Comments

@annettaws
Copy link

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

@juristr
Copy link
Collaborator

juristr commented Mar 31, 2017

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

@annettaws
Copy link
Author

annettaws commented Mar 31, 2017

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 <script type="text/ng-template" > that is the template of an aside/modal component the maps is not showed, all other elements of the component is showed but the map, no.

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>

@juristr
Copy link
Collaborator

juristr commented Mar 31, 2017

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

@annettaws
Copy link
Author

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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants