Adding features to mapbox (scale bar)

88 views
Skip to first unread message

Mahmoud Abdelrazek

unread,
Apr 29, 2020, 3:47:32 AM4/29/20
to Arches Project
Hi, 

I am trying to add a scale bar to the main map in the search window. I think the map is generated from the file mapbox-gl.js in the following directory Lib\site-packages\arches\app\media\js\bindings\mapbox-gl.js inside the environment. To add a scale bar I added the following line after the map variable is created 

map.addControl(new mapboxgl.ScaleControl(), 'bottom-right');

I tested the code on a local implementation on my computer and it did work fine. I could see the scale bar on the map as ib the included screenshot. However, when applying the same code to an online live server, the map didn't update to include the scale bar. I am not sure why is happening. Am I missing something? 

scale_bar_arches.jpg













Thank you for your help.
Mahmoud 

Reuben Osborne

unread,
Apr 29, 2020, 4:00:23 AM4/29/20
to Arches Project
Hi Mahmoud,

Have you tried updating the static files on the server? python manage.py collectstatic and  then sudo service apache2 restart to make sure the changes are being picked up.

Reuben

Mahmoud Abdelrazek

unread,
Apr 29, 2020, 5:14:56 AM4/29/20
to Arches Project
Hi Reuben, 

Thank you for your help. I have not tried to restart the server nor to update the static files. I will try this and report back here. 

Thank you again,
Mahmoud 

Mahmoud Abdelrazek

unread,
Apr 29, 2020, 6:30:46 AM4/29/20
to Arches Project
Hi Reuben, 

Than you very much for your help. 
I performed the static files update and restarted the server. Django copied the js file to the static directory. I checked the static directory and confirmed that the js file was replaced. However, the scale bar still didn't show up on the map.
Any thoughts on why that might be? 

Thank you again for your help, 
Mahmoud 

Cyrus Hiatt

unread,
May 3, 2020, 12:07:30 PM5/3/20
to Mahmoud Abdelrazek, Arches Project
Hi Mahmoud -

You've probably already tried clearing you browser's cache, but in case you haven't that might be worth trying.

If that doesn't help, I'm curious whether you edited the file in core arches, or if you are overriding the file from within your project?

Kind regards,

- Cyrus



--
-- To post, send email to arches...@googlegroups.com. To unsubscribe, send email to archesprojec...@googlegroups.com. For more information, visit https://groups.google.com/d/forum/archesproject?hl=en
---
You received this message because you are subscribed to the Google Groups "Arches Project" group.
To unsubscribe from this group and stop receiving emails from it, send an email to archesprojec...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/archesproject/5fb03288-5509-41a3-b572-1293c79d2c9f%40googlegroups.com.

Mahmoud Abdelrazek

unread,
May 4, 2020, 4:19:35 AM5/4/20
to Arches Project
Hi Cyrus,

Thank you so much for your help. I did clear the cache but unfortunately, it didn't help. 

The edit is mainly on core arches then carried out to the project through collectstatic command. I did trace it and found the same edit in the project files after. 

Thank you again, 
Best regards, 
Mahmoud 
-- To post, send email to arches...@googlegroups.com. To unsubscribe, send email to arches...@googlegroups.com. For more information, visit https://groups.google.com/d/forum/archesproject?hl=en

---
You received this message because you are subscribed to the Google Groups "Arches Project" group.
To unsubscribe from this group and stop receiving emails from it, send an email to arches...@googlegroups.com.

Mahmoud Abdelrazek

unread,
May 22, 2020, 5:50:00 AM5/22/20
to Arches Project
Hi, 

I have tried editing the js file in the static directory directly, cleared the cache and the scale bar showed up. 

Thank you so much for help. 
Mahmoud 
Reply all
Reply to author
Forward
0 new messages