Foros del Web » Programando para Internet » Javascript » Frameworks JS »

[SOLUCIONADO] API google maps v3 [Error]

Estas en el tema de API google maps v3 [Error] en el foro de Frameworks JS en Foros del Web. Uso angular.js para controlar una vista: http://localhost/p/#/objects/53e429f Lo que hago con esto es consultar a mi BaseDAtos y obtengo datos de Latitud y Longitud. Como ...
  #1 (permalink)  
Antiguo 12/08/2014, 20:04
 
Fecha de Ingreso: octubre-2011
Ubicación: Tierra
Mensajes: 64
Antigüedad: 13 años
Puntos: 0
API google maps v3 [Error]

Uso angular.js para controlar una vista:

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
  1. objectControllers.controller('objectDetail',
  2.     function($scope, $routeParams, $http) {    
  3.         $http.get('objects/'+$routeParams.id).success(function(data) {
  4.            
  5.             $scope.object= data
  6.             var lat = Number($scope.inmueble.lat)
  7.             var lng = Number($scope.inmueble.lng)
  8.             var address = $scope.inmueble.address
  9.            
  10.             google.maps.event.addDomListener(window, 'load', createMap(lat,lng,address));              
  11.            
  12.            
  13.         })
  14. })
  15.  
  16. function createMap(lat, lng, address) {
  17.    
  18.     var mapOptions = {
  19.         center: new google.maps.LatLng(lat, lng),
  20.         zoom: 16       
  21.     }
  22.  
  23.     var mapa = new google.maps.Map(document.getElementById('mapa'), mapOptions);
  24.  
  25.     var marker = new google.maps.Marker({
  26.         position: mapa.getCenter(),
  27.         map: mapa                  
  28.     });
  29.  
  30.     var infowindow = new google.maps.InfoWindow({
  31.         content: address,
  32.         size: new google.maps.Size(100,50)
  33.     });
  34.    
  35.     infowindow.open(mapa,marker);                  
  36. }

Mi contenedor del mapa está en el partial así:

Código HTML:
Ver original
  1. <div style="height:250px;width:500px;margin:0 auto;box-shadow:0 1px 4px rgba(0,0,0,.5)">
  2.             <div id="mapa" style="width:100%;height:100%"></div>
  3.         </div>

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! :)

Última edición por juanvc123; 12/08/2014 a las 20:10
  #2 (permalink)  
Antiguo 13/08/2014, 09:09
 
Fecha de Ingreso: octubre-2011
Ubicación: Tierra
Mensajes: 64
Antigüedad: 13 años
Puntos: 0
Respuesta: API google maps v3 [Error]

Solucionado: Tenia un selector global (*) en css de la y tenía la propiedad transition y eso dificulta unos procesos con google maps, pero ya la quité y se solucionó el problema

Última edición por juanvc123; 13/08/2014 a las 09:10 Razón: redacción

Etiquetas: html, javascript, maps
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:08.