React component to show markers on Google Maps

$30-250 CAD

Completed

Posted

almost 3 years ago

$30-250 CAD

Paid on delivery

Please make a React component called `Map` that renders a Google Map with multiple markers on it. It should render something like the attached, except all markers can be the same colour. There is a React package that does this: [login to view URL] (here is an example: [login to view URL],output), or if you know of another you can use that one too. You may need to convert the addresses to lat/long with a Google service: [login to view URL] Requirements: - Display the map in a 500x500 div - I should be able to call it like in the attached screenshot. - Code must be clean and professional. Using React 16 functional components. Hooks are ok. - When hovering over a marker, the `details` should appear in a tooltip. - All of the markers should be visible without needing to scroll and be zoomed in as much as possible for them all to fit (I think Google does this automatically).

Google Maps API

React.js

Project ID: 30419220

About the project

13 proposals

Remote project

Active 3 yrs ago

Looking to make some money?

Email address

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:

@enervell

Hi Jamie I have checked all of your requirements for making the component for Map with multiple markers on it. And I am very excited about your job, because I have full experience in customzing the Google Map with Google Map API. Also I appreciate your detail description with reference URLs. For your project, I will make all of the components as functional and finish this according to your requirements I am going to start work, once you give me oporturnity. Looking forward to hearing from you Thank you

$100 CAD in 1 day

4.9

(3 reviews)

2.3

13 freelancers are bidding on average $150 CAD for this job

@DeveloperRamazan

Hello, dear. I am a professional REACT developer with 7+years of experience and I can surely help you. I have done many projects using React js as frontend and great understanding and experience in Material UI, CoreUI, ChakraUI, Ant design, React-Redux, Redux-Saga, Thunk, and Function component and Hook... Hope to discuss more. Thanks. Ramazan.

$140 CAD in 7 days

5.0

(7 reviews)

5.0

@dmytrohalych

Hi, Sir. Please pay attention to my feedback. All are 5 marks and 100% completed. I have rich experiences in ReactJS with 7+ years. Especially, I have excellent skills in Redux, Hooks, Context, Functional component, Styled component. The notable point is that I mastered latest technology in React. Deep knowledge of Javascript (ES5, ES6) / Typescript will be assurance of great project. I will do my best to make the world-class result. I want to discuss more details in chatting. Thanks.

$140 CAD in 5 days

5.0

(2 reviews)

3.2

@ildarsaifutdinov

Hello I have many experiences in React, Google map. I have developed many projects using React I can do it perfectly Thanks

$140 CAD in 7 days

5.0

(1 review)

1.8

@DmitriyUr32

Hello I am a senior web developer from Russia. I have read your description very carefully and checked attacked images. I have rich experience for Google map and I am very familiar with React.js. No problem. Hope your response Besr Regards Dmitry

$250 CAD in 1 day

0.0

(0 reviews)

0.0

@helenrudaya

Hi, Jaime. How are you? I ca do it within 2 hours. I am an expert on there. Please message me so that we can discuss more. Thank you. Helen.

$140 CAD in 1 day

0.0

(0 reviews)

0.0

@KnackForte2827

Hey! i read your requirement and understand you want Google map with marker. I'm React Native developer and i'm also well about Hooks and i'm ready to work with you. Inbox me to discuss about your project in detail Regard Knack Forte

$140 CAD in 7 days