Browse categories
Explore
Fiverr Pro
English
$
USD
I will build interactive floor plans and indoor maps with javascript
Salman
Level 1
5.0
5.0
About this gig
I specialize in using Leaflet JS with Custom CRS (Coordinate Reference Systems) to transform flat images into zoomable, navigable web maps. This technology allows you to have the "Google Maps experience" pan, zoom, and clickbut on your own custom images, without using geographical coordinates.
- Static to Interactive: Converting PDFs or images into pan/zoom web maps.
- Custom CRS Integration: Using L.CRS.Simple to map pixels to coordinates.
- Indoor Navigation: Creating pathfinding or routing logic between rooms or booths.
- Multi-Level Support: Layer switchers to toggle between Floor 1, Floor 2, or Basement levels.
- Dynamic Markers: Adding clickable pins with popups (Info, Images, Links) to specific rooms or product shelves.
Ideal For:
- Real Estate: Interactive blueprints for property listings.
- Events & Expos: Booth locators for trade shows.
- Warehouses: Inventory mapping and aisle visualizers.
- Gaming: RPG world maps and dungeon trackers.
I provide clean, mobile-responsive code compatible with WordPress, Wix, and custom HTML sites.
Please contact me with your image files before ordering so we can assess the resolution and requirements.
Get to know Salman
Salman
Interactive Maps Driven By Data
Level 1
- FromPakistan
- Member sinceMar 2017
- Avg. response time2 hours
- Last delivery1 week
Languages
English
User interface designer & developer with years of experience in HTML/CSS, JavaScript, and open-source technologies, platforms and content management systems. I enjoy working with PHP, Javascript and SCSS. I have strong knowledge base in desk, web and mobile technologies.
My Portfolio
FAQ
What kind of image file do I need to provide?
High resolution is key! Please provide the highest quality JPG, PNG, or SVG available. If the image is blurry, the map will look blurry when zoomed in. Vector files (SVG/AI) are best for sharpness.
Can we add a "search" bar to find specific rooms or booths?
Yes. I can index the markers on your floor plan so users can type "Conference Room A" or "Booth 104" and the map will zoom directly to that location and open its popup.
Does this work on mobile phones?
Absolutely. Leaflet JS is fully responsive. Users can pinch-to-zoom and drag the map with their fingers, just like a standard map app.
Can you do multiple floors for a building?
Yes. I use a "Layer Control" (similar to a floor elevator button) that allows the user to switch between the First Floor, Second Floor, etc., instantly without reloading the page.
Reviews
2 reviews for this Gig
| (2) | ||
| (0) | ||
| (0) | ||
| (0) | ||
| (0) |
Rating Breakdown
- Seller communication level
- Quality of delivery
- Value of delivery
Sort By
Most relevant
T travisbuchan600
Repeat Client
Canada
What can I say he does great work...I am impressed to say the least thanks again and I look forward to working with you in the future.
Up to $50
Price
8 days
Duration
Helpful?R 
rowland843
United States
Terrific job from start to finish. Far beyond fair with price and will8ng to make edits without complaint. Thank you!
Up to $50
Price
3 days
Duration
Helpful?
Reviews
2 reviews for this Gig
| (2) | ||
| (0) | ||
| (0) | ||
| (0) | ||
| (0) |
Rating Breakdown
- Seller communication level
- Quality of delivery
- Value of delivery
Sort By
Most relevant
T travisbuchan600
Repeat Client
Canada
What can I say he does great work...I am impressed to say the least thanks again and I look forward to working with you in the future.
Up to $50
Price
8 days
Duration
Helpful?R rowland843
United States
Terrific job from start to finish. Far beyond fair with price and will8ng to make edits without complaint. Thank you!
Up to $50
Price
3 days
Duration
Helpful?
