Comments (2)
There are plans to allow at least some degree of interoperability with the official web-components (both gmp-*
and gmpx-*
) at some point. But for that we'll have to wait for the WCs to become stable (currently everything in that regard is still in alpha or preview phases) and figure out some things about how this integration would work with regards to state handling and such.
I imagine this roughly as users being able to just add the WCs to the <APIProvider>
and <Map>
react components and our library providing some sort of shim necessary for them to work like they do with the <gmp-map>
WC.
This would probably only extend to components that are isolated in nature and either act as a single control with limited state (e.g. gmpx-place-picker
or gmpx-place-overview
) or add something to an existing map-instance (e.g. gmpx-route-overview
).
It's unlikely we'll be supporting something like the gmpx-split-layout
or gmpx-overlay-layout
components.
This is also a bit dependent on improved web-component support in react, which I read will be coming with react 19.0 (whenever that might be).
from react-google-maps.
Take a look at this example:
https://visgl.github.io/react-google-maps/examples/extended-component-library
from react-google-maps.
Related Issues (20)
- [Bug] missing center/zoom props don't produce an error or warning HOT 5
- [Bug] `map` prop shouldn't be valid in prop-types extending the `google.maps.*` types. HOT 1
- [Bug] any component using the useMap hook gets rerendered anytime the map is panned/zoomed HOT 3
- [Feat] Rendering multiple maps in different locations on the same page HOT 6
- [Feat] Add example of how to use controlled map with mouse drag HOT 4
- `google.maps.Marker` deprecated HOT 4
- [Feat] Add Support for onMouseOver and onMouseLeave props in `<AdvancedMarker />` HOT 8
- [Bug] The map goes black in the firefox browser HOT 7
- @googlemaps/markerclusterer requires map to have a mapId props [Bug] HOT 1
- Add a hook to update the local HOT 2
- [Feat] Add ability to cache map-instances to be re-used when remounted
- [Feat] Add support for the mobile gesture double tap + hold + drag up/down to zoom HOT 1
- [Feat] Replace useMemo with useState for one time initializations HOT 2
- Use the API libraries without the need of using a map first [Feat] HOT 5
- [Feat] AdvancedMarker: add style prop HOT 1
- Map returned undefined HOT 4
- [Bug]Cannot remove a WebglOverlay
- [Bug] AdvancedMarker className prop should also be applied when using a Pin instead of custom content
- <ApiProvider> failed to load Google Maps API Error HOT 4
- [Feat] Add support for InfoWindow headerContent / headerDisabled options
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-google-maps.