Interactive map with location panel
- or -
Post a project like this$$
- Posted:
- Proposals: 5
- Remote
- #1835883
- Expired
Description
Experience Level: Intermediate
#Detailed description of interactive map request
This is the map I currently have on my website:
https://www.egyptrealestatehub.co.uk/map
I would like to create something more interactive similar to this
https://www.offplan-dubai.com/projects-map/
I am aiming for an even better and improved version perhaps using Leaflet Javascript (based on mapbox).
Have a look at this map which I really like:
http://pzf.rv.ua/map/b/storelocator1.html#
I like the effect which happens when the map moves from one location to the other (automatically zooms out and zooms in to the new location)
Only difference:
(1) It needs to be on a SATELLITE type background
(2) enable zooming in and out (with mouse scroll) and dragging the map - this is to allow users to navigate the map to a certain area and see which the different projects which are in the area
I have an excel sheet with data for projects that need to be added (59 projects).
I expect each location (project) marker on the map to have a popup label (small box that appears only when you click on a marker).
The popup box should have the following details:
- one picture of the project
- project name
- developer company
- size of project in acres
- Prices & Payment Plans: Click Here (this should be a button that opens a link)
- Gallery: Click Here (this should be a button that opens a link)
(all information is in excel sheet, pictures to be sent in separately)
One other important thing is that I use Wix to create my website. So the output you produce will need to be compatible. Wix has 2 solutions for embedding HTML5 code:
https://www.wix.com/code/home
https://support.wix.com/en/article/adding-html-code
The width of the map must be responsive so that it fits any screen device. I don’t think this can be achieved by the Wix add html-code and therefore the more advanced Wix code would have to be used. But I could be wrong on this.
Will you please use suitable colours (for markers, popup box and side location panel)to match the website theme:
#43AEE8
#20738D
#0C5C7A
I will need to be shown how to add future new projects to the map as well.
I am not in a rush to have this completed so you can take up to one month if needed. As long as the outcome matches what I have in mind (described above) and the price is reasonable.
So please let me know your final quote based on description above. I have several offers now and would like to narrow down to best deal as soon as possible.
Thanks
This is the map I currently have on my website:
https://www.egyptrealestatehub.co.uk/map
I would like to create something more interactive similar to this
https://www.offplan-dubai.com/projects-map/
I am aiming for an even better and improved version perhaps using Leaflet Javascript (based on mapbox).
Have a look at this map which I really like:
http://pzf.rv.ua/map/b/storelocator1.html#
I like the effect which happens when the map moves from one location to the other (automatically zooms out and zooms in to the new location)
Only difference:
(1) It needs to be on a SATELLITE type background
(2) enable zooming in and out (with mouse scroll) and dragging the map - this is to allow users to navigate the map to a certain area and see which the different projects which are in the area
I have an excel sheet with data for projects that need to be added (59 projects).
I expect each location (project) marker on the map to have a popup label (small box that appears only when you click on a marker).
The popup box should have the following details:
- one picture of the project
- project name
- developer company
- size of project in acres
- Prices & Payment Plans: Click Here (this should be a button that opens a link)
- Gallery: Click Here (this should be a button that opens a link)
(all information is in excel sheet, pictures to be sent in separately)
One other important thing is that I use Wix to create my website. So the output you produce will need to be compatible. Wix has 2 solutions for embedding HTML5 code:
https://www.wix.com/code/home
https://support.wix.com/en/article/adding-html-code
The width of the map must be responsive so that it fits any screen device. I don’t think this can be achieved by the Wix add html-code and therefore the more advanced Wix code would have to be used. But I could be wrong on this.
Will you please use suitable colours (for markers, popup box and side location panel)to match the website theme:
#43AEE8
#20738D
#0C5C7A
I will need to be shown how to add future new projects to the map as well.
I am not in a rush to have this completed so you can take up to one month if needed. As long as the outcome matches what I have in mind (described above) and the price is reasonable.
So please let me know your final quote based on description above. I have several offers now and would like to narrow down to best deal as soon as possible.
Thanks
Mohamed E.
100% (23)Projects Completed
9
Freelancers worked with
8
Projects awarded
13%
Last project
30 Oct 2020
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies