Saltar al contenido

Ejemplo de código de marcador @ react-google-maps / api

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *