Adding a new page
-
Today I spent more time trying to find out the solution, mostly were hit and trials, I don't know what happened but "Error: Map Container not found" vanished somehow. And the map was in the dom.
During debugging, I found the original copy of the main.js that I copied from the demo plugin (the one suggested by Pita in the above-mentioned posts) was residing in the node_modules/map-plugin directory. I can't understand why .. it was overwritten umpteen number of times.
Anyhow so far so good. Now I have to address two issues:
a. Map is still not displayed. This is something beyond the scope of NodeBB and I have to do it of my own.b. And when I browse the localhost/map from the URL and press enter, the boolean (the one PitaJ hinted at yesterday) is set to true and the map functionality is getting invoked. But when I click on the map icon, the map functionality is not executed. Do you have any ideas how to fix this?
Thank you for your kind support
-
So, in order to support both cold load and ajaxify, I use a pattern like the following to run scripts that need to run on a certain page:
function onLoad() { // in your case 'map' if (ajaxify.data.template.map) { // do stuff here } } $(document).ready(onLoad); $(window).on('action:ajaxify.end', onLoad);
-
Thank you. Looks like this is the right approach. I am writing map-related functionality and then only I'd be able to confirm.
I need your further guidance. In my map.tpl, I have three links, let's say, A, B, and C. In all the three cases, I want to display the map and display an input field, Search for Location. What is the right and efficient way to do this?
This piece of code is not working ... the map is not getting displayed properly, probably a css issue. I will keep you informed.
<div class="map">
<div class="row">
<div class="col-lg-9">
<ul class="nav nav-pills">
<li><a href="{config.relative_path}/map?section=a">A</a></li>
<li><a href="{config.relative_path}/map?section=b">B</a></li>
<li><a href="{config.relative_path}/map?section=c">C</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12"">
<div id="mapid" class="map"></div>
</div>
</div>
</div>Thanks
-
I have a link on a map which when clicked checks whether the user is logged in or not.
If yes, the system displays the contents of the map.
If not, it displays the message: "You don't seem to be logged in"
When the user logs in, he is taken to the Register/Login screen after successful login, the system displays the contents of the map.
How can I implement this? Could you pl. write the code outline for this?
Thanks