Find Jobs
Hire Freelancers

Add Features to Leaflet Draw

$250-750 USD

已完成
已发布超过 9 年前

$250-750 USD

货到付款
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.
项目 ID: 6626546

关于此项目

3提案
远程项目
活跃10 年前

想赚点钱吗?

在Freelancer上竞价的好处

设定您的预算和时间范围
为您的工作获得报酬
简要概述您的提案
免费注册和竞标工作
颁发给:
用户头像
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 在15天之内
4.9 (20条评论)
5.2
5.2
3威客以平均价$1,261 USD来参与此工作竞价
用户头像
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 在10天之内
5.0 (31条评论)
5.3
5.3

关于客户

UNITED STATES的国旗
Garden City, United States
5.0
5
付款方式已验证
会员自11月 12, 2009起

客户认证

谢谢!我们已通过电子邮件向您发送了索取免费积分的链接。
发送电子邮件时出现问题。请再试一次。
已注册用户 发布工作总数
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
加载预览
授予地理位置权限。
您的登录会话已过期而且您已经登出,请再次登录。