2015-10-16 4 views
2

Итак, я пытаюсь преобразовать статический веб-сайт, который я сделал для работы в качестве метеоритного приложения, вместо того, чтобы иметь 5 html-файлов в каждом магазине, плюс несколько стандартных стандартных страниц, я получил все они к одному «одному» html-файлу с использованием директив, проблема в том, когда я пытаюсь вставить карту на веб-сайт, по какой-то причине она не работает, я пробовал несколько вещей, но до сих пор не мог сделать стандарт карта появляется на странице, не говоря уже о настраиваемой версии.Добавление карты Google в мое приложение meteor

здесь Я просто определяю карту в html-файле (идентификатор меня изменяет позже, чтобы показать карту, которую я хочу для каждого магазина, или просто изменить lat lng на основе магазина, который я сейчас показываю на странице):

<div id="mapCS" class="map col-xs-12 col-sm-6 col-md-6 col-lg-6"> 
</div> 

это файл JS Я использовал на статическую версию сайта и его работе по назначению (на статическую версию очевидно):

var map = new google.maps.Map(document.getElementById("mapCS"), 
     mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myCenter, 
     map: map, 
     animation:google.maps.Animation.BOUNCE, 
     title: 'Savoie Volailles Cranves Sales', 
     icon: { 
      url:"img/logo.png", 
      scaledSize: new google.maps.Size(80, 64), 
     } 
    }); 

    google.maps.event.addListener(map, 'center_changed', function() { 
     // 0.1 seconds after the center of the map has changed, 
     // set back the marker position. 
     window.setTimeout(function() { 
      var center = map.getCenter(); 
      marker.setPosition(myCenter); 
     }, 100); 
    }); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

Я также имел тег сценария для вставки моего ключа апи ..

+1

Какой пакет вы используете для включения карт Google в свое приложение Meteor? Я тоже собираюсь это сделать. Я еще не начал эту часть, но планирую использовать dburles: google-maps –

ответ

1

Использование angularui:angular-google-maps в качестве Рекомендован here

Просто добавьте зависимость и вызвать его с помощью директивы. Конфигурирование параметров очень легко и сделано с контроллера

+1

Не берите в голову, только что получил! Я вызывал неправильные параметры в своей директиве .. lol –

+0

Я ничего не понимаю, моя карта работает во всех моих html-файлах, за исключением одного файла, который мне нужен, по какой-то причине он становится серым. это потому, что Я использую ng-repeat? Кроме того, могу ли я использовать мои параметры следующим образом: { } –

+0

Если это сработало, вы могли бы принять ответ, пожалуйста? – FRECIA

Смежные вопросы