Hi,
I’m having trouble to show new markers on my map after loading them from a website.
When a create markerCustom
it’s being defined with Lat & Lng = 0.
Can someone help me?
map.on(GoogleMapsEvent.CAMERA_IDLE).subscribe(
(event) => {
//carregar os pinos quando o zoom for no minimo 29, com uma distancia de 50 metros de raio
console.log('Zoom => '+event.zoom +'\n Lat:'+event.target.lat+'Lng:'+event.target.lng);
this.http.get('http://smartcampus.mariojr.com.br/api/maps/nearme?lat='+event.target.lat+'&lng='+event.target.lng)
.map((res) => res.json())
.subscribe(data => {
for(let marker of data.servicos) {
var lat = this.convertStringToNumber(marker.latitude);
var lng = this.convertStringToNumber(marker.longitude);
if (!this.markerExists(lat, lng)) {
let markerCustom = new GoogleMapsMarker({
position: new GoogleMapsLatLng(lat,lng),
title: marker.nome,
label: marker.comodo_nome,
// animation: GoogleMapsAnimation.DROP
});
map.addMarker(markerCustom);
console.log(markerCustom);
let markerData = {
lat: lat,
lng: lng,
marker: markerCustom
};
this.markerCache.push(markerData);
this.bounds.extend(new GoogleMapsLatLng(lat,lng));
}
}
map.refreshLayout();
});
});
}