javascript - gratis - GoogleMaps aparece en gris después de la página de actualización

google maps api key gratis

Question

soy un principiante en la red troncal y el nodo js, ​​he agregado los mapas de Google a mi plantilla con estos comandos:

script(src=''/lib/google-maps/lib/Google.js'')
script(src=''http://maps.googleapis.com/maps/api/js'')
script(src=''http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'')
div.googleMap( style=''width: 250px; height: 250px;'')

y en mi opinión:

mod.mapTemplate = Marionette.ItemView.extend({
template: ''#actors-map-template'',
initialize: function () {
  var mapProp = this.model.get(''mapProp'');
  map = new google.maps.Map(this.$el[0], this.model.get(''mapProp''));
  }
});

He agregado muchas unciones como:

     google.maps.event.trigger(map, ''resize'');

o

 google.maps.event.addDomListener(window, ''resize'', function () {
    map.setCenter(mapProp.center);
  });

bu in vain, lo mismo: Google Maps aparece por segunda vez pero en gris. El problema es que la variable rmiURL del mapa no está definida por segunda vez, mientras que en la primera vez contiene esta URL https: //www.google.com/maps/@38.9891271,1.2130107,6z/data=! 10m1! 1e1! 12b1 ? source = apiv3 & rapsrc = apiv3 y para el HTML: después de mi div genera otro div con clase ''gm-style'' y en la segunda vez no lo hace

Answer 1

para aquellos que tienen el mismo problema aquí está la solución que encontré:

initMap: function () {
  this.$el.addClass(''temp'');
  $(''body'')
    .append(this.$el);
  var mapProp = this.model.get(''mapProp'');
  this.map = new google.maps.Map(this.$el.find(''.map-canvas'')[0],
    mapProp);
  this.$el.remove();
  this.$el.removeClass(''temp'');
},
render: function () {
  this.$el.html(_.template($(''#actors-map-template'')
    .html()));
  this.initMap();
},

y en la vista:

.map-canvas (style = ''width: 250px; height: 250px;'') .temp (style = ''position: absolute; visibility: hidden;'')