http://localhost/p/#/objects/53e429f
Lo que hago con esto es consultar a mi BaseDAtos y obtengo datos de Latitud y Longitud.
Como la vista usa un controlador así:
Código Javascript:
Ver original
objectControllers.controller('objectDetail', function($scope, $routeParams, $http) { $http.get('objects/'+$routeParams.id).success(function(data) { $scope.object= data var lat = Number($scope.inmueble.lat) var lng = Number($scope.inmueble.lng) var address = $scope.inmueble.address google.maps.event.addDomListener(window, 'load', createMap(lat,lng,address)); }) }) function createMap(lat, lng, address) { var mapOptions = { center: new google.maps.LatLng(lat, lng), zoom: 16 } var mapa = new google.maps.Map(document.getElementById('mapa'), mapOptions); var marker = new google.maps.Marker({ position: mapa.getCenter(), map: mapa }); var infowindow = new google.maps.InfoWindow({ content: address, size: new google.maps.Size(100,50) }); infowindow.open(mapa,marker); }
Mi contenedor del mapa está en el partial así:
Código HTML:
Ver original
El problema radia en que el mapa cuando se le hace zoom el efecto es como el de una hoja pasando, tambien ocurre cuando muevo el mapa se demora en ubicarse y es un error solo en este ejemplo con angular.js y el controlador de vista.
dejo este gif del error http://postimg.org/image/570pc3iz1/
Agradezco me colaboren! :)