ngMaps: InvalidValueError: setPlace:不是对象

Question

我正在用ngmap (https://ngmap.github.io)、google和angularJS定制谷歌地图。我想要的是带着一个地方的标记，看看谷歌地图(https://developers.google.com/maps/documentation/javascript/reference?hl=en)的api文档，有一个选项叫做" place "，据我所知，就是把这个地方的ID放在那里。当我加载网页时，控制台"InvalidValueError: setPlace: not Object"中出现了这个错误。我找不到这样的东西。我的密码是：

​

var app = angular.module("app", ["ngMap"]);

<ng-map zoom="16" center="[-33.140981,-68.48775]">
    <marker
      place="ChIJycfzCxhdfpYRL"
      
      title="Cherry"
      position="[-33.140981,-68.48775]"
      z-index="1">
      	
      </marker>
</ng-map>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="http://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDR3Q2Db6TbqNpXecvdHERFxK3RBRII9f8"></script>

​

如果有人能帮我，我非常感谢你！

对不起我的英语！

致以问候！

Answer 1

根据MarkerPlace对象规范，place属性接受以下格式：

{"placeId": "<placeid>","location": {"lat": <lat>, "lng":<lng>}, "query": "<query>"}

在您的示例中，可以这样指定place值：

<marker place="{'placeId': 'ChIJycfzCxhdfpYRL','location': {'lat': -33.140981, 'lng':-68.48775}}" title="Cherry" z-index="1"></marker>

示例

​

angular.module('map-app', ['ngMap'])

    .controller('map-controller', ['NgMap',
        function (NgMap) {
           
        }]);

<script src="https://code.angularjs.org/1.4.8/angular.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>

<div ng-app="map-app" ng-controller="map-controller">
  <ng-map center="-33.140981,-68.48775" zoom="4">
    <marker place="{'placeId': 'ChIJycfzCxhdfpYRL','location': {'lat': -33.140981, 'lng':-68.48775}}" title="Cherry" z-index="1"></marker>
  </ng-map>
</div>

​