Presently, I am utilizing this library to incorporate custom markers on a map.
I successfully implemented it without any errors on Plunker, but encountered issues when trying to replicate the same on my own website (despite using identical script src links).
While ng-repeat functions as expected on my page, I am faced with two lengthy $digest loop errors.
Here is my list:
$scope.list = [{ name: 'test', pos: [41, -87] }, { name: 'test2', pos: [40, -86] }];
And this is the corresponding HTML:
<ng-map zoom-to-include-markers="auto" style="height:200px;width:400px;">
<marker ng-repeat="item in list" position="{{item.pos}}"></marker>
</ng-map>
The above code runs without errors, however,
<ng-map zoom-to-include-markers="auto" style="height:200px;width:400px;">
<custom-marker ng-repeat="item in list" position="{{item.pos}}">
<div style="background-color:white;border: 1px solid black;">this is a test</div>
</custom-marker>
</ng-map>
produces additional errors each time an item is added to the list, although it still functions properly.
The reason behind its functionality discrepancy between Plunker and my site remains unclear. My site employs ASP.NET 5 for serving, matching the versions used on Plunker. Additionally, ng-animate, ng-resource, and various other non-angular related components are utilized on my site, which should not impact this scenario. (I hope)
If necessary, here are the dependencies loaded in my controller:
function ($scope, $rootScope, restData, NgMap) {
and in the app module:
var app = angular.module('app', ['ngResource', 'ngMap'])