Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@tombatossals
tombatossals committed Dec 29, 2023
1 parent 9e62514 commit 2a88607
Show file tree
Hide file tree
Showing 5 changed files with 3,653 additions and 77 deletions.
Binary file added images/forkme.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
157 changes: 102 additions & 55 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,65 +1,112 @@
<!DOCTYPE html>
<html ng-app="mainPage" lang="en">
<head>
<meta charset="UTF-8">
<!--<meta name="fragment" content="!">-->
<meta name="keywords" content="angularjs,leaflet,openstreetmap,javascript,directive,plugin,google maps">
<meta name="description" content="Leaflet directive for AngularJS">
<title>Leaflet directive for AngularJS</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="bower_components/highlightjs/styles/github.css" />
<link rel="stylesheet" type="text/css" href="http://cloud.github.com/downloads/lafeber/world-flags-sprite/flags32.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<head>
<meta charset="UTF-8" />
<!--<meta name="fragment" content="!">-->
<meta
name="keywords"
content="angularjs,leaflet,openstreetmap,javascript,directive,plugin,google maps"
/>
<meta name="description" content="Leaflet directive for AngularJS" />
<title>Leaflet directive for AngularJS</title>
<link
rel="stylesheet"
href="bower_components/bootstrap/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="bower_components/leaflet/dist/leaflet.css"
/>
<link
rel="stylesheet"
href="bower_components/highlightjs/styles/github.css"
/>
<link
rel="stylesheet"
type="text/css"
href="http://cloud.github.com/downloads/lafeber/world-flags-sprite/flags32.css"
/>
<link rel="stylesheet" href="css/style.css" />
</head>

<body ng-cloak ng-controller="MainController">
<div class="container" ng-controller="HeaderController">
<header class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<a href="#!/" class="navbar-brand">angular-leaflet-directive</a>
<body ng-cloak ng-controller="MainController">
<div class="container" ng-controller="HeaderController">
<header class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<a href="#!/" class="navbar-brand"
>angular-leaflet-directive</a
>
</div>
<ul class="nav navbar-nav navbar-right">
<li
ng-class="{ active: activeTab == 'getting-started' || activeTab == '' }"
>
<a href="#!/getting-started">Getting started</a>
</li>
<li ng-class="{ active: activeTab == 'examples' }">
<a ng-href="#!/examples/simple-map">Examples</a>
</li>
<li ng-class="{ active: activeTab == 'howto-extend' }">
<a ng-href="#!/howto-extend">How to extend</a>
</li>
<li>
<a
href="http://github.com/tombatossals/angular-leaflet-directive"
>Github repository</a
>
</li>
</ul>
</header>
<div class="banner">
<a
class="forkme"
href="https://github.com/tombatossals/angular-leaflet-directive"
rel="external"
>
<img src="images/forkme.png" alt="Fork me on GitHub" />
</a>
<leaflet
center="center"
defaults="defaults"
events="events"
id="header"
></leaflet>
</div>
<ul class="nav navbar-nav navbar-right">
<li ng-class="{ active: activeTab == 'getting-started' || activeTab == '' }"><a href="#!/getting-started">Getting started</a></li>
<li ng-class="{ active: activeTab == 'examples' }"><a ng-href="#!/examples/simple-map">Examples</a></li>
<li ng-class="{ active: activeTab == 'howto-extend' }"><a ng-href="#!/howto-extend">How to extend</a></li>
<li><a href="http://github.com/tombatossals/angular-leaflet-directive">Github repository</a></li>
</ul>
</header>
<div class="banner">
<a class="forkme" href="https://github.com/tombatossals/angular-leaflet-directive" rel="external">
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
</a>
<leaflet center="center" defaults="defaults" events="events" id="header"></leaflet>
</div>
<div class="bottom-banner">
<div class="container">
Simple to use directive for easy embedding and interacting with a map managed with the <a href="http://leafletjs.com/">leaflet map library</a> on an <a href="http://angularjs.org">AngularJS</a> application.
<div class="bottom-banner">
<div class="container">
Simple to use directive for easy embedding and interacting
with a map managed with the
<a href="http://leafletjs.com/">leaflet map library</a> on
an <a href="http://angularjs.org">AngularJS</a> application.
</div>
</div>
</div>
</div>

<div class="container content">
<ng-view></ng-view>
</div>

<div class="container footer">
<footer role="contentinfo">
<p class="pull-right">Page built with <a href="http://leafletjs.com">LeafletJS</a>, <a href="http://angularjs.org/">AngularJS</a> and <a href="http://getbootstrap.com/">Bootstrap</a></p>
</footer>
</div>
<div class="container content">
<ng-view></ng-view>
</div>

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/leaflet/dist/leaflet.js"></script>
<script src="bower_components/leaflet-plugins/layer/tile/Google.js"></script>
<script src="bower_components/highlightjs/highlight.pack.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-highlightjs/angular-highlightjs.min.js"></script>
<script src="dist/angular-leaflet-directive.js"></script>
<script src="js/angular-leaflet-directive-webpage.min.js"></script>
</body>
<div class="container footer">
<footer role="contentinfo">
<p class="pull-right">
Page built with
<a href="http://leafletjs.com">LeafletJS</a>,
<a href="http://angularjs.org/">AngularJS</a> and
<a href="http://getbootstrap.com/">Bootstrap</a>
</p>
</footer>
</div>

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry&callback=Function.prototype"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/leaflet/dist/leaflet.js"></script>
<script src="bower_components/leaflet-plugins/layer/tile/Google.js"></script>
<script src="bower_components/highlightjs/highlight.pack.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-highlightjs/angular-highlightjs.min.js"></script>
<script src="dist/angular-leaflet-directive.js"></script>
<script src="js/angular-leaflet-directive-webpage.min.js"></script>
</body>
</html>
40 changes: 20 additions & 20 deletions js/angular-leaflet-directive-webpage.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,26 +63,6 @@ app.controller("CenterUrlHashController", [ '$scope', '$location', function($sco
});
}]);

app.controller("CustomParametersController", [ '$scope', function($scope) {

angular.extend($scope, {
london: {
lat: 51.505,
lng: -0.09,
zoom: 8
},
defaults: {
tileLayer: "http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png",
tileLayerOptions: {
opacity: 0.9,
detectRetina: true,
reuseTiles: true,
},
scrollWheelZoom: false
}
});
}]);

app.controller("CustomizedMarkersController", [ '$scope', function($scope) {

var local_icons = {
Expand Down Expand Up @@ -136,6 +116,26 @@ app.controller("CustomizedMarkersController", [ '$scope', function($scope) {
});
}]);

app.controller("CustomParametersController", [ '$scope', function($scope) {

angular.extend($scope, {
london: {
lat: 51.505,
lng: -0.09,
zoom: 8
},
defaults: {
tileLayer: "http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png",
tileLayerOptions: {
opacity: 0.9,
detectRetina: true,
reuseTiles: true,
},
scrollWheelZoom: false
}
});
}]);

app.controller("DraggingMarkersController", [ '$scope', function($scope) {

angular.extend($scope, {
Expand Down
Loading

0 comments on commit 2a88607

Please sign in to comment.