A vector map tiler for google map
npm install noruka-google-vector-tilesOriginal Work by Jesús Barrio
Npm fork from Galih Rivanto
Table of Contents
About The Project
Usage
sh
git clone https://github.com/techjb/Vector-Tiles-Google-Maps.git
`
2. Install NPM packages
`sh
npm install
`
3. Get your own API Key for the Maps JavaScript API and replace it in all the provided examples
`html
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"
defer
>
`
NPM Installation
1. Install NPM package
`sh
npm install noruka-google-vector-tiles
`
Usage
Create the MVTSource object and then insert it as a overlayMapType.
Provide the vector tiles server url in the options object.
`js
var options = {
url: 'http://your_vector_tiles_url/{z}/{x}/{y}.pbf'
};
var mvtSource = new MVTSource(map, options);
map.overlayMapTypes.insertAt(0, mvtSource);
`
$3
- Insert the MVTSource after tiles have been loaded for the first time
to avoid duplicate invocation to GetTile(). It is documented in this issue tracker.
`js
google.maps.event.addListenerOnce(map, 'tilesloaded', function () {
map.overlayMapTypes.insertAt(0, mvtSource);
});
`
- If you need to set style based on feature property or trigger onClick or onMouseHover event,
set the property getIDForLayerFeature option with the function that returns the unique id for each feature.
`js
var options = {
getIDForLayerFeature: function (feature) {
return feature.properties.id;
}
};
`
- Enable cache for better performance and smooth flow.
`js
var options = {
cache: true
};
`
- Set the sourceMaxZoom option to enable overzoom.
`js
var options = {
sourceMaxZoom: 14
};
`
Documentation
See documentation for the contructor options and public methods.
Roadmap
See the open issues for a list of proposed features (and known issues).
Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature`)