Este post fue evaluado por especialistas para que tengas la garantía de la exactitud de nuestra esta división.
Ejemplo 1: reaccionar google ap
import
withScriptjs,
withGoogleMap,GoogleMap,Marker,from"react-google-maps";constMapWithAMarker=withScriptjs(withGoogleMap(props=><GoogleMap
defaultZoom=8
defaultCenter= lat:-34.397, lng:150.644><Marker
position= lat:-34.397, lng:150.644/></GoogleMap>));<MapWithAMarker
googleMapURL="https://maps.googleapis.com/maps/api/js?key=AIzaSyC4R6AN7SmujjPUIGKdyao2Kqitzr1kiRg&v=3.exp&libraries=geometry,drawing,places"
loadingElement=<div style= height:`100%`/>
containerElement=<div style= height:`400px`/>
mapElement=<div style= height:`100%`/>/>
Ejemplo 2: reacción de la API del mapa de Google npm
importMap,InfoWindow,Marker,GoogleApiWrapperfrom'google-maps-react';exportclassMapContainerextendsComponentrender()return(<Map google=this.props.google zoom=14><Marker onClick=this.onMarkerClick
name='Current location'/><InfoWindow onClose=this.onInfoWindowClose><div><h2>this.state.selectedPlace.name</h2></div></InfoWindow></Map>);exportdefaultGoogleApiWrapper(
apiKey:(YOUR_GOOGLE_API_KEY_GOES_HERE))(MapContainer)
Si crees que ha resultado de utilidad nuestro artículo, te agradeceríamos que lo compartas con el resto programadores y nos ayudes a dar difusión a nuestro contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)