0

I'm implementing leaflet map with clustering markers using angularjs. When button click, the leaflet map has to been shown as empty layer. I got some web console-error. I already install the below packages using bower

bower install angular-leaflet-directive --save
bower install leaflet-plugins --save

It automatically added plugins in index.html

<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
 <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.css" />
 <link rel="stylesheet" href="bower_components/leaflet.markercluster/dist/MarkerCluster.Default.css" />
    <script src="bower_components/leaflet/dist/leaflet-src.js"></script>
    <script src="bower_components/leaflet/dist/leaflet.js"></script>
    <script src="bower_components/angular-leaflet-directive/dist/angular-leaflet-directive.js"></script>
    <script src="bower_components/leaflet.markercluster/dist/leaflet.markercluster.js"></script>

But i couldn't able to resolve these web-console error. Please tell me how do i resolve this issue;

enter image description here

Varun_Rathinam
  • 274
  • 1
  • 5
  • 19
  • Is `bower_components/leaflet/dist/leaflet-src.js` being loaded? Check the network tab in the browser's dev tools. – IvanSanchez Mar 24 '17 at 09:29
  • Or simply look at all console messages, instead of just errors – ghybs Mar 24 '17 at 11:19
  • So I've noticed Leaflet is very vague when it comes to undefined errors. You should include your code so we can look. I've had the ```L is not defined``` for things as trivial as using ```addTo(map)``` instead of using ```addLayer(map)```. – CodeSpent Sep 28 '18 at 21:06

0 Answers0