Question

我正在使用ember-cli-g-maps addon for ember v1.8.0，虽然我使用了在线指南中列出的代码，但我无法显示标记。我知道它一定是我眼睛看不到的简单东西。谷歌地图显示没有来自服务器或控制台的错误。您可以在https://github.com/bhoskins/embergmaps找到该项目。

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

这是templates / map.hbs文件：

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

这是routes / map.js文件：

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

});

我错过了什么？感谢

Answer 1

Duuuh，您必须在templates/map.hbs文件中添加markers=markers。所以它会读到：

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

Ember Cli G地图标记未显示

1 个答案: