ngMaps:InvalidValueError:setPlace:不是Object

时间:2017-02-28 06:20:35

标签: javascript angularjs google-maps ng-map

我正在使用ngmaps(https://ngmap.github.io),google maps api和angularJS自定义Google地图。我想要的是带上一个地方的标记,查看谷歌地图api(https://developers.google.com/maps/documentation/javascript/reference?hl=en)的文档,并且有一个选项叫做“place”,根据我理解的是把地方的ID。 当我加载网页时,它在控制台“InvalidValueError:setPlace:not an 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>

如果有人能帮助我,我非常感谢你!

抱歉我的英文!

问候!

1 个答案:

答案 0 :(得分:1)

根据MarkerPlace object specification dd(Machine::find(1)->free_ports_amount); 属性,接受以下格式:

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