There are multiple ways to create a card layout in Vue.js. If you're using Stripe or any other similar payment service, then you're more likely to have a card setup…
How to mask an input with hyphens in Vue.js | Example
Many times we may need to mask the user input with hyphens, spaces, periods, etc. This is useful when we want to accept some information in a predefined way, such…
How to extract all numbers from user input in Vue.js | Example
In the previous post, we saw how we can extract all the numbers from a string in JavaScript. In this post, we'll have a look at how we can extract…
Optimize Google Maps Polygon Using Ramer Douglas Peucker Algorithm | Vue.js | Example
Google Maps polygons work fine in most cases. However, once we start dealing with a huge number of polygons (hundreds of thousands), having hundreds of coordinates each, it becomes hard…
How to make multiple concurrent API requests in Axios | JavaScript | Example
Axios requests are Promise based and are by default awaited. That means, that if we need to make two API requests from the same place, we need to wait for…
How to access a property of a data layer in Google Maps JavaScript API v3 | Example
In a previous article, I've written how we can create a polygon using the Data Layer of the Google Maps JavaScript API. In this tutorial, we'll have a look at…
Toggle Data Layer Polygon visibility – Google Maps JavaScript | Example
In the previous article, we learned how we can render a polygon using the Data Layer in Google Maps JavaScript API v3 in Vue.js. In this example, we'll have a…
Create polygons with Data Layers – Google Maps JavaScript API | Example
Earlier we've seen how we can create editable Polygons and Polygons with labels using the Google Maps JavaScript API v3. Google Maps can not only create shapes that can be…
How to load HTML content in Vue 3 Composition API | Example
We can quickly load some HTML file content and show them unescaped in Vue 3. Let's have a look at an example where we load some HTML content as string.…