angular-leaflet-directive


Leaflet angular directive blank map


I'm following the basic tutorial for Leaflet-angular-directive. I am able to see the leaflet map component display in the browser, but the map is blank. The example:
<html ng-app="demoapp">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/leaflet/dist/leaflet.js"></script>
<script src="../dist/angular-leaflet-directive.min.js"></script>
<link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" />
<script>
var app = angular.module("demoapp", ['leaflet-directive']);
app.controller("BasicFirstController", [ "$scope", function($scope) {
// Nothing here!
}]);
</script>
</head>
<body ng-controller="BasicFirstController">
<leaflet width="100%" height="480px"></leaflet>
<h1>First steps, basic example</h1>
</body>
</html>
I don't see where the API key or tile urls is passed, or is it not required?
Thanks!
You code is ok. It works form me with these dependencies ( Angular 1.4.9 ) :
<script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-mocks/angular-mocks.js"></script>
<script src="angularLealeft/angular-leaflet-directive.min.js"></script>
There is no need for API key.

Related Links

Leaflet angular directive blank map
angular-leaflet-directive : loading spinner in leaflet when load layer
Detecting right click position on angular leaflet map

Categories

HOME
testing
amazon-ec2
cplex
xmpp
jsp-tags
google-docs
infragistics
onelogin
android-youtube-api
synchronization
applepay
elasticsearch-hadoop
rascal
apache-cayenne
windows-server-2012
msp430
http-status-code-504
textfield
emulator
extjs5
javacv
semantic-analysis
virtualdub
elasticsearch-ruby
libssl
pdb
ios5
serve
espeak
service-discovery
xenforo
temporary-files
tasker
bootstrap-dialog
modelmapper
executenonquery
smartcontracts
chain-builder
revapi
prolog-setof
promela
dandelion
datastax-startup
integrity
crypt
epson
angular-strap
jquery-filter
gridpane
ctest
nsviewcontroller
dlna
google-places
t4mvc
arcanist
lustre
directoryservices
geonetwork
csquery
offloading
tablelayout
fpml
picturefill
datagridviewcolumn
android-2.2-froyo
cloud-connect
mysqltuner
dir
bulkloader
sabredav
flashvars
drools-planner
gil
appconkit
ticoredatasync
regsvr32
punbb
libc++
joyent
cinema-4d
disclosure
google-friend-connect
xsdobjectgen
dbal
mirah
database-management
memory-size
avatar
mediarss

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App