Skip to content
This repository was archived by the owner on Apr 14, 2022. It is now read-only.

Commit f5308d1

Browse files
furcanfurcan
committed
Version 1.1.0 Released
Can use a callback function for each marker element clicked.
1 parent c142ada commit f5308d1

8 files changed

+763
-18
lines changed

‎README.md

+7-4
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Use highly customizable maps (Google Maps) with multiple custom Markers in your
88

99

1010
### Current Version
11-
1.0.0 [*](https://github.com/furcan/Markers-On-Map/blob/master/ReleaseNotes.md)
11+
1.1.0 [*](https://github.com/furcan/Markers-On-Map/blob/master/ReleaseNotes.md)
1212

1313
### Website and Demo
1414
https://furcan.github.io/Markers-On-Map/
@@ -31,15 +31,15 @@ yarn add markers-on-map
3131
#### 1- JavaScript
3232

3333
```html
34-
<script src="dist/markers-on-map-1.0.0.js"></script>
34+
<script src="dist/markers-on-map-1.1.0.js"></script>
3535
```
3636

3737
#### 2- Initialize (Basic)
3838

3939
```js
4040
// Basic usage
4141
MarkersOnMap.Init({
42-
// required => Google Maps JavaScript API Key
42+
// required => Google Maps JavaScript API Key (in string format)
4343
googleApiKey: null,
4444

4545
// map markers options => at least one marker object required
@@ -93,7 +93,7 @@ MarkersOnMap.Remarker([
9393
// All options with descriptions
9494
MarkersOnMap.Init({
9595

96-
// required => Google Maps JavaScript API Key
96+
// required => Google Maps JavaScript API Key (in string format)
9797
googleApiKey: null,
9898

9999
// if "Google Maps Places API" enabled on "Google APIs Console" can set "true"
@@ -228,6 +228,9 @@ MarkersOnMap.Init({
228228

229229
// optional => infowindow from Google Places when marker clicked (if "googlePlacesApiEnabled" is true)
230230
markerContentFromGoogleQuery: 'Anitkabir',
231+
232+
// v1.1.0 and next versions => optional => A callback function can be used when marker element clicked
233+
markerCallback: null,
231234
}
232235
],
233236
});

‎ReleaseNotes.md

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
1-
@0.0.1-beta.01
2-
* I am trying to say "Hello World!"
1+
@1.1.0
2+
* **Added:** Can use a callback function for each marker element clicked.
33

44
-----
55

66
@1.0.0
77
* Hello world! I am Markers On Map.
88

9+
-----
10+
11+
@0.0.1-beta.01
12+
* I am trying to say "Hello World!"
13+
914
-----

‎dist/markers-on-map-1.1.0.js

+730
Large diffs are not rendered by default.

‎index.css

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* Markers On Map ('https://github.com/furcan/Markers-On-Map')
3-
* Version: 1.0.0
3+
* Version: 1.1.0
44
* Author: Furkan MT ('https://github.com/furcan')
55
* Copyright 2019 Markers On Map, MIT Licence ('https://opensource.org/licenses/MIT')*
66
*/
@@ -126,6 +126,7 @@ height:500px;
126126
border-radius: 0 0 20% 20%;}
127127

128128
.map-wrapper .head {
129+
position: relative;
129130
text-align:center;
130131
float: left;
131132
width: 100%;

‎index.html

+11-8
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<link id="FontMuli" href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700,900&display=swap&subset=latin-ext" rel="stylesheet">
2828
<link id="FontConsolas" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700&amp;subset=latin-ext" rel="stylesheet">
2929

30-
<link rel="stylesheet" href="index.css?v=1.0.0">
30+
<link rel="stylesheet" href="index.css?v=1.1.0">
3131

3232
</head>
3333

@@ -40,7 +40,7 @@
4040

4141
<div class="max-content">
4242
<div class="head">
43-
<h1 class="logo"><a href="https://furcan.github.io/Markers-On-Map/">Markers On Map<i class="fab fa-js-square"></i></a></h1>
43+
<h1 class="logo" data-toggle="tooltip" title="Current Version: v1.1.0"><a href="https://furcan.github.io/Markers-On-Map/">Markers On Map<i class="fab fa-js-square"></i></a></h1>
4444
<p class="description">Use highly customizable maps (Google Maps) with multiple custom Markers.</p>
4545
</div>
4646

@@ -65,7 +65,7 @@ <h2><i class="fas fa-chevron-down"></i>Basic Usage</h2>
6565

6666
<code id="CodeJS">
6767
<span class="label">JavaScript</span>
68-
<span class="l1"><span class="char">&lt;</span><span class="bool">script</span> <span class="fnc1">src</span>=<span><span class="str">"/Markers-On-Map/dist/markers-on-map-1.0.0.js"</span></span><span class="char">&gt;&lt;/</span><span class="bool">script</span><span class="char">&gt;</span></span>
68+
<span class="l1"><span class="char">&lt;</span><span class="bool">script</span> <span class="fnc1">src</span>=<span><span class="str">"/Markers-On-Map/dist/markers-on-map-1.1.0.js"</span></span><span class="char">&gt;&lt;/</span><span class="bool">script</span><span class="char">&gt;</span></span>
6969
</code>
7070

7171
<code id="CodeInit">
@@ -74,7 +74,7 @@ <h2><i class="fas fa-chevron-down"></i>Basic Usage</h2>
7474
<span class="l1"><span class="fnc1">MarkersOnMap</span>.<span class="fnc2">Init</span>({</span>
7575

7676

77-
<span class="l1 l2"><span class="fnc1">googleApiKey:</span> <span class="bool">null</span>, <span class="cmmnt">// required => Google Maps JavaScript API Key</span></span>
77+
<span class="l1 l2"><span class="fnc1">googleApiKey:</span> <span class="bool">null</span>, <span class="cmmnt">// required => Google Maps JavaScript API Key (in string format)</span></span>
7878

7979
<span class="l1 l2"><span class="fnc1">markerObjects:</span> [</span>
8080

@@ -142,7 +142,7 @@ <h2><i class="fas fa-chevron-down"></i>Advanced Usage</h2>
142142
<span class="l1"><span class="fnc1">MarkersOnMap</span>.<span class="fnc2">Init</span>({</span>
143143

144144

145-
<span class="l1 l2 rqrd" data-toggle="tooltip" title="This option is required"><span class="fnc1">googleApiKey:</span> <span class="bool">null</span>, <span class="cmmnt">// required => Google Maps JavaScript API Key</span></span>
145+
<span class="l1 l2 rqrd" data-toggle="tooltip" title="This option is required"><span class="fnc1">googleApiKey:</span> <span class="bool">null</span>, <span class="cmmnt">// required => Google Maps JavaScript API Key (in string format)</span></span>
146146

147147
<span class="l1 l2"><span class="fnc1">googlePlacesApiEnabled:</span> <span class="bool">false</span>, <span class="cmmnt">// if "Google Maps Places API" enabled on "Google APIs Console" can set "true"</span></span>
148148
<span class="l1 l2"><span class="fnc1">googlePlacesContentButton:</span> <span class="str">'Get Directions'</span>, <span class="cmmnt">// available if "googlePlacesApiEnabled" is "true"</span></span>
@@ -212,6 +212,9 @@ <h2><i class="fas fa-chevron-down"></i>Advanced Usage</h2>
212212
<span class="l1 l4"><span class="fnc1">markerLabelText:</span> <span class="str">'MOM'</span>, <span class="cmmnt">// optional => if "markerLabel.usaLabel" is true</span></span>
213213
<span class="l1 l4"><span class="fnc1">markerContent:</span> <span class="bool">null</span>, <span class="cmmnt">// optional => custom html content infowindow when marker clicked</span></span>
214214
<span class="l1 l4"><span class="fnc1">markerContentFromGoogleQuery:</span> <span class="str">'Anitkabir'</span>, <span class="cmmnt">// optional => infowindow from Google Places when marker clicked (if "googlePlacesApiEnabled" is true)</span></span>
215+
216+
<span class="l1 l4" data-toggle="tooltip" title="v1.1.0 and next versions"><span class="fnc1">markerCallback:</span> <span class="bool">null</span>, <span class="cmmnt">// v1.1.0 and next versions => optional => A callback function can be used when marker element clicked</span></span>
217+
215218
<span class="l1 l3">},</span>
216219
<span class="l1 l2">],</span>
217220

@@ -228,12 +231,12 @@ <h2><i class="fas fa-chevron-down"></i>Advanced Usage</h2>
228231

229232
</div>
230233

231-
<script src="dist/markers-on-map-1.0.0.js"></script>
232-
<script src="https://cdn.jsdelivr.net/npm/notiflix/dist/notiflix-aio-1.6.0.min.js"></script>
234+
<script src="dist/markers-on-map-1.1.0.js"></script>
235+
<script src="https://cdn.jsdelivr.net/npm/notiflix/dist/notiflix-aio-1.7.1.min.js"></script>
233236
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
234237
<script src="https://kit.fontawesome.com/833245c2e4.js"></script>
235238
<script src="index-tooltip.js"></script>
236-
<script src="index.js?v=1.0.0"></script>
239+
<script src="index.js?v=1.1.0"></script>
237240
</body>
238241

239242
</html>

‎index.js

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* Markers On Map ('https://github.com/furcan/Markers-On-Map')
3-
* Version: 1.0.0
3+
* Version: 1.1.0
44
* Author: Furkan MT ('https://github.com/furcan')
55
* Copyright 2019 Markers On Map, MIT Licence ('https://opensource.org/licenses/MIT')*
66
*/
@@ -18,6 +18,9 @@ MarkersOnMap.Init({
1818
markerLong: 32.836956,
1919
markerTitle: 'This marker getting content from Google Places API',
2020
markerContentFromGoogleQuery: 'Anitkabir',
21+
markerCallback: function(){
22+
Notiflix.Notify.Success('This is a callback.');
23+
},
2124
},
2225
{
2326
markerLat: 39.935986,

‎package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "markers-on-map",
3-
"main": "dist/markers-on-map-1.0.0.js",
4-
"version": "1.0.0",
3+
"main": "dist/markers-on-map-1.1.0.js",
4+
"version": "1.1.0",
55
"description": "Use highly customizable maps (Google Maps) with multiple custom Markers in your web projects.",
66
"homepage": "https://github.com/furcan/Markers-On-Map",
77
"files": [

‎dist/markers-on-map-1.0.0.js ‎previous-versions/v1.0.0/markers-on-map-1.0.0.js

File renamed without changes.

0 commit comments

Comments
 (0)