0

我正在尝试在 angularjs 应用程序中添加 polymaps 地图。

TypeError: Object [object Object] has no method 'setAttribute'
at Object.a.container (http://localhost:8000/lib/polymaps.min.js:15:341)
at new <anonymous> (http://localhost:8000/js/controllers.js:22:4)
at d (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:335)
at Object.instantiate
(http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:464)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:65:486
at link (http://localhost:8000/lib/angular-route.min.js:7:248)
at J (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:52:492)
at h (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:46:28)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:45:200
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:46:431 <div ng-view="" class="ng-scope">

Javascript 无法在我的角度视图内的元素上设置属性？

我的 html 看起来像这样：

<article class="dashboard container">
    <div id="map"></div>
</article>

基本的 polymaps 代码是：

var po = org.polymaps;

var map = po.map()
    .container(document.getElementById("map").appendChild(po.svg("svg")))
    .add(po.interact())
    .add(po.hash());
    .add(po.image().url(
      po.url("http://{S}tile.openstreetmap.org" + "/{Z}/{X}/{Y}.png")
      .hosts(["a.","b.","c.",""])))
    .center({lat:  -33.882957, lon: 151.073685})
    .zoom(11);

我假设这是有角度的。有什么解决办法吗？

4

1 回答 1

0

为了回答我自己的问题，我必须做两件事才能让它在 Angular.js 中工作。

首先，解决这个问题的方法是像我一样包装#map 元素。事实证明，当我将 #map 元素作为我视图中的唯一元素时，我的缓存阻止了这个错误。（所以我有正确的想法，删除缓存删除了错误）

由于 polymaps 使用 #{zoom}/{coordinateX}/{coordinateY} 路由，第二件事是添加：

$locationProvider.html5Mode(true);

到我的 app.js 文件中删除 /#/ 我的路线。否则，angular 和 polymaps 在 url 上进行了一场无限的战斗。

于 2014-04-06T16:35:41.223 回答