vue3-google-map 0.27.1 → 0.27.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/dist/index.cjs +3481 -4
- package/dist/index.mjs +3444 -2185
- package/dist/index.umd.js +4 -4
- package/dist/themes/index.cjs +816 -1
- package/dist/themes/index.mjs +807 -1293
- package/dist/types/components/AdvancedMarker.vue.d.ts +3 -2
- package/dist/types/components/CustomControl.vue.d.ts +3 -2
- package/dist/types/components/CustomMarker.vue.d.ts +3 -2
- package/dist/types/components/DebouncedMarkerClusterer.d.ts +9 -1
- package/dist/types/components/GoogleMap.vue.d.ts +3 -2
- package/dist/types/components/HeatmapLayer.d.ts +6 -2
- package/dist/types/components/InfoWindow.vue.d.ts +3 -2
- package/dist/types/utils/index.d.ts +14 -0
- package/package.json +20 -21
package/README.md
CHANGED
|
@@ -27,7 +27,7 @@ Note: Please refer to the [documentation site](https://vue3-google-map.com/) for
|
|
|
27
27
|
- [Custom Marker](#custom-marker)
|
|
28
28
|
- [Custom Control](#custom-control)
|
|
29
29
|
- [Marker Cluster](#marker-cluster)
|
|
30
|
-
- [Heatmap Layer](#heatmap-layer) ⚠️ **
|
|
30
|
+
- [Heatmap Layer](#heatmap-layer) ⚠️ **Removed**
|
|
31
31
|
- [Advanced Usage](#advanced-usage)
|
|
32
32
|
- [Contribution](#contribution)
|
|
33
33
|
- [License](#license)
|
|
@@ -98,7 +98,7 @@ The main mapping component is `GoogleMap`, however the following components are
|
|
|
98
98
|
- [CustomMarker](#custom-marker)
|
|
99
99
|
- [CustomControl](#custom-control)
|
|
100
100
|
- [MarkerCluster](#marker-cluster)
|
|
101
|
-
- [HeatmapLayer](#heatmap-layer) ⚠️ **
|
|
101
|
+
- [HeatmapLayer](#heatmap-layer) ⚠️ **Removed** — pin API to `3.64` or migrate
|
|
102
102
|
|
|
103
103
|
### Advanced Marker
|
|
104
104
|
|
|
@@ -745,10 +745,10 @@ function forceRender() {
|
|
|
745
745
|
|
|
746
746
|
### Heatmap Layer
|
|
747
747
|
|
|
748
|
-
> [!
|
|
749
|
-
> **
|
|
748
|
+
> [!CAUTION]
|
|
749
|
+
> **NO LONGER AVAILABLE ON CURRENT API VERSIONS:** The Heatmap Layer was **removed from the Maps JavaScript API as of version 3.65**. It is no longer available on the `weekly` (or any newer) channel, so this component only works if you **pin the API to version `3.64` or earlier** via the `version` prop on `GoogleMap` (or the `v` option of `@googlemaps/js-api-loader`). This is a temporary workaround — Google rotates out old versions over time, so `3.64` will eventually stop resolving. The `HeatmapLayer` component was deprecated on **May 27, 2025**; Google recommends migrating to a third-party integration like [deck.gl](https://deck.gl/), which offers a HeatmapLayer implementation. [Learn more about the deprecation](https://developers.google.com/maps/deprecations).
|
|
750
750
|
|
|
751
|
-
Use the `HeatmapLayer` component to depict the intensity of data at geographical points on the map. Make sure to include the `visualization` library in the `libraries` prop of the `GoogleMap` component.
|
|
751
|
+
Use the `HeatmapLayer` component to depict the intensity of data at geographical points on the map. Make sure to include the `visualization` library in the `libraries` prop of the `GoogleMap` component, and to pin `version` to `3.64` (see the notice above).
|
|
752
752
|
|
|
753
753
|
#### Options
|
|
754
754
|
|
|
@@ -782,6 +782,7 @@ const heatmapData = [
|
|
|
782
782
|
<template>
|
|
783
783
|
<GoogleMap
|
|
784
784
|
api-key="YOUR_GOOGLE_MAPS_API_KEY"
|
|
785
|
+
version="3.64"
|
|
785
786
|
:libraries="['visualization']"
|
|
786
787
|
style="width: 100%; height: 500px"
|
|
787
788
|
:center="sanFrancisco"
|