Drawing or rendering polygons in Google Maps is doable with some effort. However, highlighting a polygon can be a bit challenging because Google doesn't provide any API to do that…
How to generate PDF from HTML and download it in Vue.js | Example
There are plenty of custom solutions, as well as libraries to help you generate PDF from HTML. eKoopman's html2pdf.js has been here for a while and is often the top…
How to convert a JSON to an Excel / CSV file and download it in Vue.js? | Example
There are multiple occasions when a user may want to export some data as a report. You can always create an excel / CSV file on the server and send…
How to move a Google Maps marker (smoothly) in JavaScript / Vue.js?
Translating a Google Maps Marker can be handful, since Google Maps API doesn't provide any option to do that. However, there are alternative ways to do that programatically. This idea…
How to take snapshot of a map using Google Maps JavaScript API (v3) in Vue.js?
Google Maps provides no option to take snapshot / screenshot of a map directly. There are a few ways, like converting the DOM elements which hold the map into a…
How to create polygons with labels using Google Maps JavaScript API in Vue.js?
Creating custom labels with Polygons has always been a challenging thing for JavaScript developers. The fact that the polygons API doesn't provide any option to show custom labels directly leave…
Create a custom search input with immediate auto search results in Vue.js
Here you're going to learn how to build a custom input search field with search results as you type. Here's what I'm going to do: I'm going to keep a…
How to create a slideshow / carousel in Vue.js?
There are plenty of ways to create an image carousel in Vue.js. And plenty of libraries too. Owl carousel has always been my pick when creating a slideshow on a…
How to add an animated Google Maps Marker / SVG in Vue.js?
When it comes to Google Maps Markers, you really don't have intensive customisation options. Google Maps JavaScript API 3 provides handful of features to customise it. But changing the default…