Open quochuy1602 opened 5 years ago
I'm also stuck with the same issue, can't find any solution.
Any progress or idea, we got the same issue too. Thanks
You can use OverlayView: https://tomchentw.github.io/react-google-maps/#!/OverlayView or Marker with label but without icon:
import { Marker as RGMMarker } from 'react-google-maps';
interface IProps {
label: string;
position: google.maps.LatLng;
}
const GeozoneLabel: FC<IProps> = ({ label, position }) => (
<RGMMarker
position={position}
label={{ text: label }}
options={{
icon: {
url: '',
size: new google.maps.Size(0, 0),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(0, 0),
},
}}
/>
);
export default GeozoneLabel;```
@EugeneGlazkov The repo of this project is unmaintained more than a year, and we had build new version https://www.npmjs.com/package/@react-google-maps/api
We had rewrite it to TypeScript, and updating it frequently: https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api You can enjoy autocomplete.
You can see our docs: https://react-google-maps-api-docs.netlify.app
Also a lot of examples: https://react-google-maps-api-gatsby-demo.netlify.app/ https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api-gatsby-example/src/examples
The bundle size is much smaller: https://bundlephobia.com/result?p=@react-google-maps/api
Our Spectrum community: https://spectrum.chat/react-google-maps Our Slack channel: https://join.slack.com/t/react-google-maps-api/shared_invite/enQtODc5ODU1NTY5MzQ4LTBiNTYzZmY1YmVjYzJhZThkMGU0YzUwZjJkNGJmYjk4YjQyYjZhMDk2YThlZGEzNDc0M2RhNjBmMWE4ZTJiMjQ
Enjoy!
Getting Help
Before doing this, did you:
You can get someone's help in three ways:
Please, be noted, no one, I mean, no one, is obligated to help you in ANY means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse.