Ember Cli G Карты Маркеры не отображаются

Question

Я использую адронный код ember-cli-g-maps для ember v1.8.0, и хотя я использовал код, указанный в онлайн-руководстве, я не могу получить маркер. Я знаю, что это должно быть что-то простое, что мои глаза не видят. Карта google появляется без ошибок с сервера или на консоли. Проект можно посмотреть по адресу https://github.com/bhoskins/embergmaps.

Это конфиг/environment.js файл:

contentSecurityPolicy: { 
    'default-src': "'none'", 
    'script-src': "'self' 'unsafe-eval' *.googleapis.com maps.gstatic.com", 
    'font-src': "'self' fonts.gstatic.com", 
    'connect-src': "'self' maps.gstatic.com", 
    'img-src': "'self' *.googleapis.com maps.gstatic.com csi.gstatic.com", 
    'style-src': "'self' 'unsafe-inline' fonts.googleapis.com maps.gstatic.com" 
    }, 

Это файл шаблонов/map.hbs:

<h1>Map</h1> 
{{g-maps name="my-map" lat=lat lng=lng zoom=zoom scrollwheel=false}} 

Это маршруты/карта. js file:

import Ember from 'ember'; 
/* global google */ 

export default Ember.Route.extend({ 
    setupController: function(controller) { 
    controller.setProperties({ 
     lat: 34.74048, 
     lng: -82.0463009, 
     zoom: 14, 
     markers: Ember.A([ 
     { 
     id: 'McDonalds', 
     lat: 34.751603, 
     lng: -82.0463009, 
     address: '890 N Main St, Woodruff, SC 29388, USA', 
     infoWindow: { content: '<p>This is McDonalds</p>', visible: true }, 
     anchorPoint: new google.maps.Point(), 
     animation: google.maps.Animation.DROP, 
     clickable: true, 
     crossOnDrag: true, 
     cursor: 'pointer', 
     draggable: true, 
     label: 'A', 
     opacity: 0.3, 
     optimized: true, 
     title: 'string', 
     visible: true, 
     zIndex: 999 
     } 
     ]) 
    }); 
    } 

}); 

Что в мире мне не хватает? Thanks

Answer 1

Duuuh, в файле templates/map.hbs файла, который вы должны добавить markers=markers. Таким образом, оно будет читать:

<h1>Map</h1> 
{{g-maps name="my-map" lat=lat lng=lng zoom=zoom markers=markers}}