Google maps Ember Cli G映射标记未显示

我正在为ember v1.8.0使用ember-cli-g-maps插件，虽然我使用了在线指南中列出的代码，但我无法显示标记。我知道这一定是我眼睛看不见的简单的东西。谷歌地图在服务器或控制台上显示时没有任何错误。您可以在上看到该项目

这是config/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"
  },

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

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
      }
        ])
    });
  }

});

这是templates/map.hbs文件：

  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"
  },

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

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
      }
        ])
    });
  }

});

Map
{{g-maps name=“我的地图”lat=lat lng=lng zoom=zoom scrollwheel=false}

这是routes/map.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"
  },

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

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
      }
        ])
    });
  }

});

从“余烬”导入余烬；
/*全球谷歌*/
导出默认的Ember.Route.extend({
设置控制器：功能（控制器）{
controller.setProperties({
拉脱维亚：34.74048，
液化天然气：-82.0463009，
缩放：14，
马克：灰烬([
{
id:‘麦当劳’，
拉脱维亚：34.751603，
液化天然气：-82.0463009，
地址：美国南卡罗来纳州伍德拉夫北街890号，邮编：29388，
信息窗口：{content:'这是麦当劳
'，可见：true}，
主播点：新建google.maps.Point（），
动画：google.maps.animation.DROP，
可点击：正确，
克罗森特拉格：是的，
光标：“指针”，
真的，
标签：“A”，
不透明度：0.3，
对,，
标题：“字符串”，
可见：对，
zIndex:999
}
])
});
}
});

我到底错过了什么？

---

谢谢，在

templates/map.hbs

文件中，您必须添加

markers=markers

。 因此，它将是：

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

Map
{{g-maps name=“我的地图”lat=lat lng=lng zoom=zoom markers=markers}

duuuuh，在

模板/map.hbs

文件中，您必须添加

markers=markers

。 因此，它将是：

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

Map
{{g-maps name=“我的地图”lat=lat lng=lng zoom=zoom markers=markers}