Find Jobs
Hire Freelancers

Add Features to Leaflet Draw

$250-750 USD

Completed
Posted over 9 years ago

$250-750 USD

Paid on delivery
This project requires modification to Leaflet Draw, a plugin for the javascript mapping library Leaflet. I need the plugin modified to fit my needs. The scope includes: 1. Use existing 'area' functionality that displays in a tooltip when drawing to create a divicon ([login to view URL]) in the center of the drawn shape. For example if you draw a circle and the calculated area when actively drawing shows 120 acres, take that value when drawing is completed to create a new divicon in the center of the circle and the same for rectangle and polygon. This divicon should be updated with the proper text and center location if the shape gets edited and remove the divicon if it gets deleted. 2. Add a 'text' button to the drawing toolbar that a user can click on the button to activate the tool and click once on the map and start free typing text. The container for the text should have a 'handle bar' on the left hand side of the text that can be used while in the edit mode to drag the text and move it to the desired location (like a marker can be dragged). This handle bar should be in the same style as the toolbar buttons. The box should be transparent when 'saved' and should somehow be changed (with css class?) when being created and edited so that the user can both tell that it's being edited and to make it easier to read what is being typed, something like a white background in the div or something like that. What I don't want is an input element to be typed in. This should also have a 'cancel' tooltip attached to the control button so the user can cancel the operation, just like the existing tools. 3. Add a color picker and slider for fill opacity (fill opacity) for drawn shapes. When the user clicks on the palette button it brings up a div full of colors to select. When a color is selected the div goes away and whatever tool is selected next (until color changes) uses that color for fill and stroke for the shape/text as well as the 'color' of the icon image (from the sprite) if the marker tool used to place a marker. The color picker should be in the same style as the toolbar buttons. Slider for opacity level not shown on screen shot image included... 4. Use the existing marker tool to drag and drop a new marker and have the ability to select from a set of icon images (using an image sprite, a basic example of sprite is attached). Icon should be able to be changed when in 'edit' mode. Let's say each row of icons in the included sprite is a color choice in the color picker toolbar. For example if the third color of the sprite is selected from the color picker toolbar then the marker's icon should be that color from the sprite. It would be nice to have another div show up when clicking on the marker tool that the user selects the proper icon, the div goes away and the marker is dropped on the map (just like the blue one does now). 5. I think the edit mode should only be enabled individually on each drawing/text/marker after clicking on it so that if you change the color or opacity it only affects that one item and not the whole set. Would that make the edit button in the toolbar obsolete? 6. BONUS - modify the draw plugin to work with .8 version of leaflet library. Please excuse the very crude drawing, just wanted to include it so you get a better idea of what I'm looking for. A starting point to work from is on examples/[login to view URL] in the export.zip.
Project ID: 6626546

About the project

3 proposals
Remote project
Active 10 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hi, sir. I have read your requirement carefully. I am interested to work for this project and i will provide within or before 15 days . If you wanna confirm me, please check my work history and portfolio kindly. Then, you can know about my ability that can do your project enough. Especially, this is my experienced and successful work before Of course, I know you could be in doubt about my real ability. It would be important for me to prove my ability through real project. I hope this project would be the first step in long term partnership with you. I await your favorable reply with interest. I feel confident my execution of this order will be to your complete satisfaction. I ready to start right now . Please feel free to ask any questions and we would be happy to assist you. Regards,
$1,000 USD in 15 days
4.9 (20 reviews)
5.2
5.2
3 freelancers are bidding on average $1,261 USD for this job
User Avatar
Standout in the Crowd with grafikguru , For more details and portfolio please check PMB. If you aim for excellence, Quick turnaround times, Great customer service and 100% original designs within your budget range then you have surely landed at the right destination. Please check our Portfolio on the following link: http://www.freelancer.com/u/grafikguru.html Our Working Style: :: Unlimited Design Options :: Unlimited revisions until your 100% satisfaction :: 100% original Custom Designs :: Exclusive Copy Rights and File Formats in all formats. :: Understand the desired outcome of the client :: 24/7 Connectivity through Skype, Chat and Email. :: Specialty to complete the urgent projects in Real Time So please don't hesitate to contact us any time 24/7. We are sure you will be impressed at our team's knowledge and determination to help you find the best solutions and give you ideas to help with your business like none other. Please feel free to contact us via the PMB. Thanks in Advance Best Regards, Sarah
$515 USD in 10 days
5.0 (31 reviews)
5.3
5.3

About the client

Flag of UNITED STATES
Garden City, United States
5.0
5
Payment method verified
Member since Nov 12, 2009

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.