Usuario anónimo
UserHola comunidad; Les comparto un Tutorial para personalizar los marcadores del Mapa de GOOGLE, espero que sea de Utilidad:
Tutorial para personalizar marcadores y color de texto en el mapa de Google
Daniel Altamar
Muchas gracias!!!
Jecsham Castillo
Excelente aporte
Abraham Lopez
Eduardo Alejandro Yrady Brazon
Creo que se debe a que lo guardaste así en Firebase.
Juan Andres Cordero Arias
Si quieren que les muestre la ubicacion actual
pueden implentar este codigo de github:
y en la clase lugares.component.ts dentro del constructor colocan este codigo
this.geolocationService.getLocation()
.subscribe((data)=>{
this.lat = +data.latitude;
this.lng = +data.longitude;
});
Alejandro Salazar
brutal, lo puse a funcionar, y para añadir la dirección a la caja de texto direccion lo hize con geocoding reversre.
this.peopleService.getGeocodeInverse(this.people.lat, this.people.lng).subscribe((result) => {
this.people.direction = result.json().results[0].formatted_address;
});
//function
public getGeocodeInverse(lat, lng) {
console.log(lat);
return this.http.get(‘’ + lat + ‘,’ + lng + ‘&key=XXX’);
}
Hola, a alguno de ustedes le a pasado el error de cors origin?
me apareció cuando agregué el *ngFor pero no se la causa, antes no me había aparecido.
Jesus Torres
como podría agregar un marcador con la posición del usuario y ademas cambiarle el color rojo a otro color por ejemplo verde.?
Usuario anónimo
UserBuen reto! lo consultaré e informaré en cuanto lo tenga con la solución. Saludos.
Usuario anónimo
User¡Reto cumplido!, te invito a leer mi Tutorial donde indico los pasos a seguir, si alguien tiene una manera distinta de realizarlo agradecería comentarlo en el Tutorial para tener todo el seguimiento del tema:
Tutorial para agregar características al Mapa
Saludos.
Alfonso Adame Rueda
muy completo este curso, me gusto mucho,
muchas gracias platzi.
Usuario anónimo
UserMuy buena técnica adquirida sobre marcadores de una forma sencilla.
Juan Carlos Barcinilla Alarcon
Excelente, muy buena.
Maycol Romero
Tengan en cuenta que cuando modifiquemos la direccion del lugar, tenemos que actualizar tambien lat y lng para que tambien se actualizen los marcadores en el mapa
public modificarLugar( lugar: any ) { this.obtenerGeoData(`${lugar.calle},${lugar.ciudad},${lugar.pais}`) .subscribe( data => { lugar.lng = data.json().results[0].geometry.location.lng; lugar.lat = data.json().results[0].geometry.location.lat; }); this.afdb.database.ref(`lugares/${lugar.id}`).update(lugar); }
Raul Castillo
Diego Forero
Team PlatziTienes que registrarte y obtener un apikey para poder seguir usando el servicio.
Raul Castillo
Lo hice pero sigo viendo esas marcas de agua
Gualberto Cuiza Villca
Holas, una pregunta. Cómo puedo hacer para que cuando de click a un marcador envie en evento por ejemplo para mostrar detalles de ese marcalor?. Ayuda por fa
VICTOR JUAREZ PALAFOX
Es agregarle el info window. por ejemplo para mostrar el nombre:
<agm-marker *ngFor="let lugar of lugares" [latitude]="lugar.lat" [longitude]="lugar.lng"> <agm-info-window> <strong>{{lugar.nombre}}</strong> </agm-info-window> </agm-marker>
Enzo Aliatis
Lo mismo pero con Angular 5
Con Angular 5 2018
David Leonardo Agudelo Villa
Hola buen día, alguien sabe como generar un API key de forma gratuita para utilizar la librería de Maps en el proyecto de angular? Intenté generarlo en la plataforma pero me exige medio de pago. Muchas gracias
Diego Forero
Team PlatziYa tienes que registrar una tarjeta para poder obtener un api key, pero todos los meses dan un crédito de 200 dolares más que suficiente para cualquier proyecto que esta iniciando.
Hola compañeros, tengo problemas con el mapa, se muestra la leyenda de "For Development purposes only"
y por lo tanto mi asignación de latitud y longitud no funciona.
this.lugar.lat = result.results[0].geometry
this.lugar.lat = result.results[0].geometry.location.lat; this.lugar.lng = result.results[0].geometry.location.lng;
Ademas que la url
me indica el siguiente mensaje :
{ "error_message" : "You have exceeded your daily request quota for this API. We recommend registering for a key at the Google Developers Console: https://console.developers.google.com/apis/credentials?project=_", "results" : [], "status" : "OVER_QUERY_LIMIT" }
Ayuda!!!
