You will get a beautiful contact map for your website.
Project details
Use a beautiful map on your website to show the location and contact options of your business or association. Do it in minutes with a simple HTML code.
# Features
- Fully contained Web Component. You will receive a JavaScript library that defines a new HTML tag to render the map. So, you only need a simple HTML code to embed it anywhere you like.
- Full responsiveness. It checks the size of the component as well as the screen size. If you contain the component in a small space, it will display the mobile version even if the window screen size is big.
- Transitional animations to improve the user experience.
- Color scheme & marker icon customization.
- Easy to read, easy to use. It uses parts of MaterializeCSS to help provide a better UI/UX.
- Different base maps to choose from.
- Option to auto-open the info window when loaded.
# Features
- Fully contained Web Component. You will receive a JavaScript library that defines a new HTML tag to render the map. So, you only need a simple HTML code to embed it anywhere you like.
- Full responsiveness. It checks the size of the component as well as the screen size. If you contain the component in a small space, it will display the mobile version even if the window screen size is big.
- Transitional animations to improve the user experience.
- Color scheme & marker icon customization.
- Easy to read, easy to use. It uses parts of MaterializeCSS to help provide a better UI/UX.
- Different base maps to choose from.
- Option to auto-open the info window when loaded.
Programming Languages
HTML & CSS, JavaScriptCoding Expertise
Cross Browser & Device Compatibility, Performance Optimization, DesignWhat's included $50
These options are included with the project scope.
$50
- Delivery Time 3 days
- Number of Revisions 2
- Number of Pages 1
- Design Customization
- Responsive Design
Optional add-ons
You can add these on the next page.
Fast 1 Day Delivery
+$50
Additional Revision
+$25
Additional field
+$20Frequently asked questions
35 reviews
(35)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
BS
Benjamin S.
May 16, 2024
Create custom QGIS plugin to updated Postgres metadata
KM
Kyle M.
May 3, 2024
Consulting Session on Open Source Web Mapping Solutions
Marc is a good communicator who helped us with some initial project scoping. We wouldn't hesitate to hire him for a longer contract as he was knowledgeable and seemed good to work with.
BS
Brian S.
Feb 23, 2024
Django website development and deployment
Marc is detail oriented, provides really great feedbacks, solutions, and recommendations, from system standpoint, efficiency standpoint, as well as user experience standpoint. It was a pleasure to work with Marc.
MS
Mary Emily S.
Nov 22, 2023
Maintenance/Updates to Web-GIS backend
DM
Davide M.
Sep 10, 2023
Django dev expert for consulting
He did a very good job helping me out with minor improvements. I'll hire him for sure in the future.
About Marc
Senior Back-end Developer and Full-stack Web Mapping
100%
Job Success
Calonge, Spain - 4:16 pm local time
On the back-end, I have been using Python and Django since 2016, and on the front-end I have been using VueJS since 2020. I'm also proficient with HTML5, CSS/SASS, vanilla ES6 and Docker. I like paying attention to UX/UI details and I often use Quasar when working with VueJS.
On web mapping JS frameworks, I'm most experienced with Leaflet, but I have worked with Google Maps, Open Layers, Cesium JS and Mapbox GL JS. I have also experience with GeoServer, PostGIS and other standard spatial libraries such as Geopandas, Fiona, Shapely and GDAL. I have also done a couple of plugins for QGIS.
I have worked as a teacher and training content writer on-and-off at the University of Girona and in some freelancing jobs here at Upwork.
Besides IT training companies, as a freelancer I have also worked in long-term jobs with IoT (smart cities, indoor positioning) and retail analytics companies.
Steps for completing your project
After purchasing the project, send requirements so Marc can start the project.
Delivery time starts when Marc receives requirements from you.
Marc works on your project following the steps below.
Revisions may occur after the delivery date.
Get the requirements
Getting the primary color to be used (or a full set of color definitions) and all the data of the location (image, title, text, address, phone, email,...).
Delivery
It will include - A compiled and minimized JavaScript file. - A minimized CSS library. - Instructions of use. - A sample demo with your style and data for copy&pasting purposes. You can test it in your environment, and revisions can be made.