We need to show an SVG map inside a react component and want to add dynamic layers(Shapes, texts, icons) on top of the SVG map, with zoom in zoom out and draggable features

Job Description:

We have a blocking point in our project and want you to solve this problem by creating a tiny brand new react app:

We need to show an SVG map inside a react component and want to add dynamic layers(Shapes, texts, icons) on top of the SVG map, with zoom in zoom out, and draggable features

Users want to zoom in and zoom out the SVG map.

Users can drag and drop layers(shape, text, icon) during zoom-in and zoom-out modes.

Users can show or hide specific layers from the top of svg.

We already implemented the solution but some of the above features have not worked smoothly. And these are the blocking point for our implementation:

Blocking points

The Draggable does not work smoothly while in zoom-in mode.

When we show and hide some of the icons or shapes from the top of SVG the other icons change their locations.

These are the solutions we used to solve these blocking points but have not worked yet:

[login to view URL]

[login to view URL]@d3/drag-zoom

[login to view URL]

[login to view URL]

[login to view URL]

Taidot: CSS, HTML5, JavaScript, React.js, SVG

Tietoa asiakkaasta:
( 0 arvostelua ) Kabul, Afghanistan

Projektin tunnus: #35865009

13 freelanceria on tarjonnut keskimäärin $143 tähän työhön


Hello! We can discuss in details? Do you have any timeframe? We welcome you to join hands with us as we think we are capable enough to start this project and we give you surety of answering all of your queries .We are Lisää

$140 USD 7 päivässä
(51 arvostelua)

⭐⭐⭐It's me you're looking for.⭐⭐⭐ Hi, there. I am a specialist with 6 years proven experience in Full Stack development using Node.js,React.js. I have checked your project description thoroughly and I think that I can Lisää

$200 USD 3 päivässä
(18 arvostelua)

Hello, Thank you for your project. I've just checked your job description carefully. As a solo senior full stack developer, I have strong experience of creating 500+ professional clean projects for the past 7 years. Lisää

$100 USD 2 päivässä
(9 arvostelua)

Hello, there! I CAN START YOUR PROJECT RIGHT NOW. I have just read your requirement and I understood what you would like to do. I have the experience and skills to create results that fully satisfy your requirements. P Lisää

$140 USD 7 päivässä
(1 arvostelu)

HELLO DEAR CLIENT! I have gone through your project details, having all the required skills (PHP, Laravel and MySQL)and VAST EXPERIENCE.I confirm to you that the project is doable since its within my area of EXPERTISE. Lisää

$100 USD 7 päivässä
(4 arvostelua)

Hi, We have 4+ years of experience in Full-stack Development using React.js, JavaScript, SVG and can help you with smooth functioning of the feature as we have done this before for our various projects. Please connect Lisää

$200 USD 7 päivässä
(5 arvostelua)

Dear Client, I am writing to express my interest in working on a project with your esteemed organization. My name is Deependra Singh and I am a web developer with 2 years of experience in web development, JavaScript, Lisää

$140 USD 7 päivässä
(0 arvostelua)

Hi Greetings! I am available right now for the project discussion and can start the project on an immediate basis. I have understood your project requirement I have7++ experience in design and development. I can ha Lisää

$250 USD 7 päivässä
(0 arvostelua)