https://github.com/edsol/mingmaps-library
A very simple and quickly library to init, use and manipulate Google map, their markers,routes and infowindows.
https://github.com/edsol/mingmaps-library
Last synced: 2 months ago
JSON representation
A very simple and quickly library to init, use and manipulate Google map, their markers,routes and infowindows.
- Host: GitHub
- URL: https://github.com/edsol/mingmaps-library
- Owner: Edsol
- License: gpl-3.0
- Created: 2020-10-09T12:04:25.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-09-11T07:02:07.000Z (10 months ago)
- Last Synced: 2025-12-29T08:19:26.040Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 423 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# mingmaps-library
A very simple and quickly library to init, use and manipulate Google map, their markers,routes and infowindows.
# How-to-use
### Import script
```html
```
### Use it
```html
import * as Mingmaps from 'path_of_module/main.js';
```
# Example
### Init map
```javascript
Mingmaps.Map.initMap('map',{
center: {
lat: 41.4265774,
lng: 14.4789369
},
zoom: 6,
disableDefaultUI: true,
mapTypeId: 'hybrid'
});
```
### Init map with callback
```javascript
Mingmaps.Map.initMap('map',{
center: {
lat: 41.4265774,
lng: 14.4789369
},
zoom: 6,
disableDefaultUI: true,
mapTypeId: 'hybrid'
},function(map){
// operation after create map
});
```
### create marker
```javascript
var marker_data = {
map:map,
position: {
lat: 40.4309669,
lng: 17.4690898,
},
title: 'My marker',
animation: google.maps.Animation.DROP,
draggable: false,
};
Mingmaps.Marker.create(marker_data,null,
(marker) => {
//operation on marker
}
);
```
### create marker with circle
```javascript
var marker_data = {
map:map,
position: {
lat: 40.4309669,
lng: 17.4690898,
},
title: 'My marker',
animation: google.maps.Animation.DROP,
draggable: false,
};
var circle_data = {
strokeColor: '#e1e6ed',
strokeOpacity: 0.8,
strokeWeight: 1,
fillColor: '#e1e6ed',
fillOpacity: 0.25,
draggable: false,
radius: 200
};
Mingmaps.Marker.create(marker_data,circle_data,
(marker,circle) => {
//operation on marker or circle
}
);
```