New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

vue3-google-map

Package Overview
Dependencies
Maintainers
2
Versions
44
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-google-map - npm Package Compare versions

Comparing version

0.1.2
to
0.2.0

114

dist/cjs/index.js

@@ -323,2 +323,63 @@ 'use strict';

const mapEvents = [
'bounds_changed',
'center_changed',
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'heading_changed',
'idle',
'maptypeid_changed',
'mousemove',
'mouseout',
'mouseover',
'projection_changed',
'resize',
'rightclick',
'tilesloaded',
'tilt_changed',
'zoom_changed',
];
const markerEvents = [
'animation_changed',
'click',
'dblclick',
'rightclick',
'dragstart',
'dragend',
'drag',
'mouseover',
'mousedown',
'mouseup',
'draggable_changed',
'clickable_changed',
'cursor_changed',
'flat_changed',
'rightclick',
'zindex_changed',
'icon_changed',
'position_changed',
'shape_changed',
'title_changed',
'visible_changed',
];
const polylineEvents = [
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'mousedown',
'mousemove',
'mouseout',
'mouseover',
'mouseup',
'rightclick',
];
const polygonEvents = polylineEvents;
const rectangleEvents = polylineEvents.concat(['bounds_changed']);
const circleEvents = polylineEvents.concat(['center_changed', 'radius_changed']);
var script = vue.defineComponent({

@@ -366,3 +427,3 @@ props: {

},
setup(props) {
setup(props, { emit }) {
const mapRef = vue.ref(null);

@@ -435,5 +496,12 @@ const ready = vue.ref(false);

};
// Strip undefined keys. Without this Map.setOptions doesn't behave very well.
Object.keys(opts).forEach(key => opts[key] === undefined && delete opts[key]);
return opts;
};
vue.onBeforeUnmount(() => {
var _a;
if (map.value) {
(_a = api.value) === null || _a === void 0 ? void 0 : _a.event.clearInstanceListeners(map.value);
}
});
// Only run this in a browser env since it needs to use the `document` object

@@ -445,2 +513,6 @@ // and would error out in a node env (i.e. vitepress/vuepress SSR)

map.value = new Map(mapRef.value, resolveOptions());
mapEvents.forEach(event => {
var _a;
(_a = map.value) === null || _a === void 0 ? void 0 : _a.addListener(event, () => emit(event));
});
ready.value = true;

@@ -481,42 +553,2 @@ const otherPropsAsRefs = Object.keys(props)

const markerEvents = [
'animation_changed',
'click',
'dblclick',
'rightclick',
'dragstart',
'dragend',
'drag',
'mouseover',
'mousedown',
'mouseup',
'draggable_changed',
'clickable_changed',
'cursor_changed',
'flat_changed',
'rightclick',
'zindex_changed',
'icon_changed',
'position_changed',
'shape_changed',
'title_changed',
'visible_changed',
];
const polylineEvents = [
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'mousedown',
'mousemove',
'mouseout',
'mouseover',
'mouseup',
'rightclick',
];
const polygonEvents = polylineEvents;
const rectangleEvents = polylineEvents.concat(['bounds_changed']);
const circleEvents = polylineEvents.concat(['center_changed', 'radius_changed']);
var Marker = vue.defineComponent({

@@ -523,0 +555,0 @@ props: {

4

dist/cjs/index.min.js

@@ -1,2 +0,2 @@

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("vue"));var t,n,r=(function(e,t){var n;async function r(e,o){return l(e)||await async function(e,o,t={}){if(l(e))return void console.info(`Attempt to add script tag for the "${e}" library in Google Maps ignored as this tag already exists in the DOM${o?" [ "+o+"]":""}`);const n=()=>{var t=document.createElement("script");return t.id=`google-maps-${e}-js`,t.src=function(e,o,t=!0){let n=`https://maps.googleapis.com/maps/api/js?libraries=${e}&sensors=false`;return o&&(n=`${n}&key=${o}`),t&&(n=`${n}&callback=${e}LoaderCallback`),n}(e,o),document.querySelector("head").appendChild(t),new Promise(o=>{window[e+"LoaderCallback"]=()=>{o()}})};return Promise.race(t.timeout?[(async(o=2e3)=>{throw await async function(e){return new Promise(o=>setTimeout(o,e))}(o),new Error(`Timed out waiting for Google API to load [ ${e} / ${o} ]`)})(t.timeout),n()]:[n()])}(e,o),window.google}function l(e,o){const t=document.querySelector(`#google-maps-${e}-js`);return Boolean(t)}Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Continue=100]="Continue",e[e.Success=200]="Success",e[e.Created=201]="Created",e[e.Accepted=202]="Accepted",e[e.NoContent=204]="NoContent",e[e.MovedPermenantly=301]="MovedPermenantly",e[e.TemporaryRedirect=307]="TemporaryRedirect",e[e.NotModified=304]="NotModified",e[e.BadRequest=400]="BadRequest",e[e.Unauthorized=401]="Unauthorized",e[e.PaymentRequired=402]="PaymentRequired",e[e.Forbidden=403]="Forbidden",e[e.NotFound=404]="NotFound",e[e.MethodNotAllowed=405]="MethodNotAllowed",e[e.RequestTimeout=408]="RequestTimeout",e[e.Conflict=409]="Conflict",e[e.Gone=410]="Gone",e[e.IAmATeapot=418]="IAmATeapot",e[e.UnprocessableEntity=422]="UnprocessableEntity",e[e.TooManyRequests=429]="TooManyRequests",e[e.InternalServerError=500]="InternalServerError",e[e.NotImplemented=501]="NotImplemented",e[e.BadGateway=502]="BadGateway",e[e.ServiceUnavailable=503]="ServiceUnavailable",e[e.GatewayTimeout=504]="GatewayTimeout",e[e.AuthenticationRequired=511]="AuthenticationRequired"}(n||(n={})),Array.isArray||(Array.isArray=function(e){return"[object Array]"===Object.prototype.toString.call(e)});const a=o.default.ref(null),i=o.default.ref(null),s=()=>({map:a,api:i}),u=(e,t,n,r)=>{let l=null;const a=o.default.ref(null),{map:i,api:u}=s();return o.default.watch([i,n],(o,s,d)=>{i.value&&u.value&&(a.value=l=new u.value[e](Object.assign(Object.assign({},n.value),{map:i.value})),t.forEach(e=>{null==l||l.addListener(e,()=>r(e))})),d(()=>{var e;l&&(null===(e=u.value)||void 0===e||e.event.clearInstanceListeners(l),l.setMap(null))})}),{component:a}};var d=o.default.defineComponent({props:{apiKey:String,backgroundColor:String,center:Object,clickableIcons:{type:Boolean,default:void 0},controlSize:Number,disableDefaultUi:{type:Boolean,default:void 0},disableDoubleClickZoom:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},draggableCursor:String,draggingCursor:String,fullscreenControl:{type:Boolean,default:void 0},fullscreenControlPosition:String,gestureHandling:String,heading:Number,keyboardShortcuts:{type:Boolean,default:void 0},mapTypeControl:{type:Boolean,default:void 0},mapTypeControlOptions:Object,mapTypeId:{type:[Number,String]},maxZoom:Number,minZoom:Number,noClear:{type:Boolean,default:void 0},panControl:{type:Boolean,default:void 0},panControlPosition:String,restriction:Object,rotateControl:{type:Boolean,default:void 0},rotateControlPosition:String,scaleControl:{type:Boolean,default:void 0},scaleControlStyle:Number,scrollwheel:{type:Boolean,default:void 0},streetView:Object,streetViewControl:{type:Boolean,default:void 0},streetViewControlPosition:String,styles:Array,tilt:Number,zoom:Number,zoomControl:{type:Boolean,default:void 0},zoomControlPosition:String},setup(e){const t=o.default.ref(null),n=o.default.ref(!1),{map:l,api:a}=s(),i=()=>{var o,t,n,r,l;const i={backgroundColor:e.backgroundColor,center:e.center,clickableIcons:e.clickableIcons,controlSize:e.controlSize,disableDefaultUI:e.disableDefaultUi,disableDoubleClickZoom:e.disableDoubleClickZoom,draggable:e.draggable,draggableCursor:e.draggableCursor,draggingCursor:e.draggingCursor,fullscreenControl:e.fullscreenControl,fullscreenControlOptions:e.fullscreenControlPosition?{position:null===(o=a.value)||void 0===o?void 0:o.ControlPosition[e.fullscreenControlPosition]}:{},gestureHandling:e.gestureHandling,heading:e.heading,keyboardShortcuts:e.keyboardShortcuts,mapTypeControl:e.mapTypeControl,mapTypeControlOptions:e.mapTypeControlOptions,mapTypeId:e.mapTypeId,maxZoom:e.maxZoom,minZoom:e.minZoom,noClear:e.noClear,panControl:e.panControl,panControlOptions:e.panControlPosition?{position:null===(t=a.value)||void 0===t?void 0:t.ControlPosition[e.panControlPosition]}:{},restriction:e.restriction,rotateControl:e.rotateControl,rotateControlOptions:e.rotateControlPosition?{position:null===(n=a.value)||void 0===n?void 0:n.ControlPosition[e.rotateControlPosition]}:{},scaleControl:e.scaleControl,scaleControlOptions:e.scaleControlStyle?{style:e.scaleControlStyle}:{},scrollwheel:e.scrollwheel,streetView:e.streetView,streetViewControl:e.streetViewControl,streetViewControlOptions:e.streetViewControlPosition?{position:null===(r=a.value)||void 0===r?void 0:r.ControlPosition[e.streetViewControlPosition]}:{},styles:e.styles,tilt:e.tilt,zoom:e.zoom,zoomControl:e.zoomControl,zoomControlOptions:e.zoomControlPosition?{position:null===(l=a.value)||void 0===l?void 0:l.ControlPosition[e.zoomControlPosition]}:{}};return Object.keys(i).forEach(e=>void 0===i[e]&&delete i[e]),i};return"undefined"!=typeof window&&r("places",e.apiKey).then(({maps:r})=>{const{Map:s}=a.value=r;l.value=new s(t.value,i()),n.value=!0;const u=Object.keys(e).filter(e=>!["center","zoom"].includes(e)).map(t=>o.default.toRef(e,t));o.default.watch([()=>e.center,()=>e.zoom,...u],([e,o],[t,n])=>{var r,a,s;const u=
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=e(require("vue"));function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n=t(function(e,o,t){return e(t={path:o,exports:{},require:function(e,o){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==o&&t.path)}},t.exports),t.exports}((function(e,t){var n;Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Continue=100]="Continue",e[e.Success=200]="Success",e[e.Created=201]="Created",e[e.Accepted=202]="Accepted",e[e.NoContent=204]="NoContent",e[e.MovedPermenantly=301]="MovedPermenantly",e[e.TemporaryRedirect=307]="TemporaryRedirect",e[e.NotModified=304]="NotModified",e[e.BadRequest=400]="BadRequest",e[e.Unauthorized=401]="Unauthorized",e[e.PaymentRequired=402]="PaymentRequired",e[e.Forbidden=403]="Forbidden",e[e.NotFound=404]="NotFound",e[e.MethodNotAllowed=405]="MethodNotAllowed",e[e.RequestTimeout=408]="RequestTimeout",e[e.Conflict=409]="Conflict",e[e.Gone=410]="Gone",e[e.IAmATeapot=418]="IAmATeapot",e[e.UnprocessableEntity=422]="UnprocessableEntity",e[e.TooManyRequests=429]="TooManyRequests",e[e.InternalServerError=500]="InternalServerError",e[e.NotImplemented=501]="NotImplemented",e[e.BadGateway=502]="BadGateway",e[e.ServiceUnavailable=503]="ServiceUnavailable",e[e.GatewayTimeout=504]="GatewayTimeout",e[e.AuthenticationRequired=511]="AuthenticationRequired"}(n||(n={})),Array.isArray||(Array.isArray=function(e){return"[object Array]"===Object.prototype.toString.call(e)});const r="https://maps.googleapis.com/maps/api/js";async function l(e,o){return a(e)||await async function(e,o,t={}){if(a(e))return void console.info(`Attempt to add script tag for the "${e}" library in Google Maps ignored as this tag already exists in the DOM${o?" [ "+o+"]":""}`);const n=async(o=2e3)=>{throw await async function(e){return new Promise((o=>setTimeout(o,e)))}(o),new Error(`Timed out waiting for Google API to load [ ${e} / ${o} ]`)},l=()=>{var t=document.createElement("script");return t.id=`google-maps-${e}-js`,t.src=function(e,o,t=!0){let n=`${r}?libraries=${e}&sensors=false`;o&&(n=`${n}&key=${o}`);t&&(n=`${n}&callback=${e}LoaderCallback`);return n}(e,o),document.querySelector("head").appendChild(t),new Promise((o=>{window[e+"LoaderCallback"]=()=>{o()}}))};return Promise.race(t.timeout?[n(t.timeout),l()]:[l()])}(e,o),window.google}function a(e,o){const t=document.querySelector(`#google-maps-${e}-js`);return Boolean(t)}const i=o.default.ref(null),u=o.default.ref(null),s=()=>({map:i,api:u}),d=(e,t,n,r)=>{let l=null;const a=o.default.ref(null),{map:i,api:u}=s();return o.default.watch([i,n],((o,s,d)=>{i.value&&u.value&&(a.value=l=new u.value[e](Object.assign(Object.assign({},n.value),{map:i.value})),t.forEach((e=>{null==l||l.addListener(e,(()=>r(e)))}))),d((()=>{var e;l&&(null===(e=u.value)||void 0===e||e.event.clearInstanceListeners(l),l.setMap(null))}))})),{component:a}},c=["bounds_changed","center_changed","click","dblclick","drag","dragend","dragstart","heading_changed","idle","maptypeid_changed","mousemove","mouseout","mouseover","projection_changed","resize","rightclick","tilesloaded","tilt_changed","zoom_changed"],p=["animation_changed","click","dblclick","rightclick","dragstart","dragend","drag","mouseover","mousedown","mouseup","draggable_changed","clickable_changed","cursor_changed","flat_changed","rightclick","zindex_changed","icon_changed","position_changed","shape_changed","title_changed","visible_changed"],m=["click","dblclick","drag","dragend","dragstart","mousedown","mousemove","mouseout","mouseover","mouseup","rightclick"],f=m,g=m.concat(["bounds_changed"]),v=m.concat(["center_changed","radius_changed"]);var y=o.default.defineComponent({props:{apiKey:String,backgroundColor:String,center:Object,clickableIcons:{type:Boolean,default:void 0},controlSize:Number,disableDefaultUi:{type:Boolean,default:void 0},disableDoubleClickZoom:{type:Boolean,default:void 0},draggable:{type:Boolean,default:void 0},draggableCursor:String,draggingCursor:String,fullscreenControl:{type:Boolean,default:void 0},fullscreenControlPosition:String,gestureHandling:String,heading:Number,keyboardShortcuts:{type:Boolean,default:void 0},mapTypeControl:{type:Boolean,default:void 0},mapTypeControlOptions:Object,mapTypeId:{type:[Number,String]},maxZoom:Number,minZoom:Number,noClear:{type:Boolean,default:void 0},panControl:{type:Boolean,default:void 0},panControlPosition:String,restriction:Object,rotateControl:{type:Boolean,default:void 0},rotateControlPosition:String,scaleControl:{type:Boolean,default:void 0},scaleControlStyle:Number,scrollwheel:{type:Boolean,default:void 0},streetView:Object,streetViewControl:{type:Boolean,default:void 0},streetViewControlPosition:String,styles:Array,tilt:Number,zoom:Number,zoomControl:{type:Boolean,default:void 0},zoomControlPosition:String},setup(e,{emit:t}){const n=o.default.ref(null),r=o.default.ref(!1),{map:a,api:i}=s(),u=()=>{var o,t,n,r,l;const a={backgroundColor:e.backgroundColor,center:e.center,clickableIcons:e.clickableIcons,controlSize:e.controlSize,disableDefaultUI:e.disableDefaultUi,disableDoubleClickZoom:e.disableDoubleClickZoom,draggable:e.draggable,draggableCursor:e.draggableCursor,draggingCursor:e.draggingCursor,fullscreenControl:e.fullscreenControl,fullscreenControlOptions:e.fullscreenControlPosition?{position:null===(o=i.value)||void 0===o?void 0:o.ControlPosition[e.fullscreenControlPosition]}:{},gestureHandling:e.gestureHandling,heading:e.heading,keyboardShortcuts:e.keyboardShortcuts,mapTypeControl:e.mapTypeControl,mapTypeControlOptions:e.mapTypeControlOptions,mapTypeId:e.mapTypeId,maxZoom:e.maxZoom,minZoom:e.minZoom,noClear:e.noClear,panControl:e.panControl,panControlOptions:e.panControlPosition?{position:null===(t=i.value)||void 0===t?void 0:t.ControlPosition[e.panControlPosition]}:{},restriction:e.restriction,rotateControl:e.rotateControl,rotateControlOptions:e.rotateControlPosition?{position:null===(n=i.value)||void 0===n?void 0:n.ControlPosition[e.rotateControlPosition]}:{},scaleControl:e.scaleControl,scaleControlOptions:e.scaleControlStyle?{style:e.scaleControlStyle}:{},scrollwheel:e.scrollwheel,streetView:e.streetView,streetViewControl:e.streetViewControl,streetViewControlOptions:e.streetViewControlPosition?{position:null===(r=i.value)||void 0===r?void 0:r.ControlPosition[e.streetViewControlPosition]}:{},styles:e.styles,tilt:e.tilt,zoom:e.zoom,zoomControl:e.zoomControl,zoomControlOptions:e.zoomControlPosition?{position:null===(l=i.value)||void 0===l?void 0:l.ControlPosition[e.zoomControlPosition]}:{}};return Object.keys(a).forEach((e=>void 0===a[e]&&delete a[e])),a};return o.default.onBeforeUnmount((()=>{var e;a.value&&(null===(e=i.value)||void 0===e||e.event.clearInstanceListeners(a.value))})),"undefined"!=typeof window&&l("places",e.apiKey).then((({maps:l})=>{const{Map:s}=i.value=l;a.value=new s(n.value,u()),c.forEach((e=>{var o;null===(o=a.value)||void 0===o||o.addListener(e,(()=>t(e)))})),r.value=!0;const d=Object.keys(e).filter((e=>!["center","zoom"].includes(e))).map((t=>o.default.toRef(e,t)));o.default.watch([()=>e.center,()=>e.zoom,...d],(([e,o],[t,n])=>{var r,l,i;const s=
/*! *****************************************************************************

@@ -16,2 +16,2 @@ Copyright (c) Microsoft Corporation.

***************************************************************************** */
function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t}(i(),["center","zoom"]);null===(r=l.value)||void 0===r||r.setOptions(u),void 0!==o&&o!==n&&(null===(a=l.value)||void 0===a||a.setZoom(o)),e&&(t&&e.lng===t.lng&&e.lat===t.lat||null===(s=l.value)||void 0===s||s.panTo(e))})}),{mapRef:t,ready:n,map:l,api:a}}});const c={ref:"mapRef"};d.render=function(e,t,n,r,l,a){return o.default.openBlock(),o.default.createBlock("div",c,[o.default.renderSlot(e.$slots,"default")],512)},d.__file="src/components/GoogleMap.vue";const p=["animation_changed","click","dblclick","rightclick","dragstart","dragend","drag","mouseover","mousedown","mouseup","draggable_changed","clickable_changed","cursor_changed","flat_changed","rightclick","zindex_changed","icon_changed","position_changed","shape_changed","title_changed","visible_changed"],f=["click","dblclick","drag","dragend","dragstart","mousedown","mousemove","mouseout","mouseover","mouseup","rightclick"],m=f,g=f.concat(["bounds_changed"]),C=f.concat(["center_changed","radius_changed"]);var y=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{marker:u("Marker",p,n,t)}},render:()=>null}),v=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{polyline:u("Polyline",f,n,t)}},render:()=>null}),b=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{polygon:u("Polygon",m,n,t)}},render:()=>null}),h=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{rectangle:u("Rectangle",g,n,t)}},render:()=>null}),P=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{circle:u("Circle",C,n,t)}},render:()=>null}),w=o.default.defineComponent({props:{position:{type:String,required:!0},index:Number},setup(e){const t=o.default.ref(null),{map:n,api:r}=s();return o.default.watch([n,()=>e.position,()=>e.index],(o,l,a)=>{n.value&&r.value&&(e.index&&(t.value.index=e.index),t.value&&n.value.controls[r.value.ControlPosition[e.position]].push(t.value)),a(()=>{if(n.value&&r.value&&t.value){let e=void 0;n.value.controls[r.value.ControlPosition[l[1]]].forEach((o,n)=>{o===t.value&&(e=n)}),e&&n.value.controls[r.value.ControlPosition[l[1]]].removeAt(e)}})}),{controlRef:t}}});const O={ref:"controlRef"};w.render=function(e,t,n,r,l,a){return o.default.openBlock(),o.default.createBlock("div",O,[o.default.renderSlot(e.$slots,"default")],512)},w.__file="src/components/CustomControl.vue",t.Circle=P,t.CustomControl=w,t.GoogleMap=d,t.Marker=y,t.Polygon=b,t.Polyline=v,t.Rectangle=h}(t={exports:{}},t.exports),t.exports),l=(n=r)&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,a=r.Circle,i=r.CustomControl,s=r.GoogleMap,u=r.Marker,d=r.Polygon,c=r.Polyline,p=r.Rectangle;exports.Circle=a,exports.CustomControl=i,exports.GoogleMap=s,exports.Marker=u,exports.Polygon=d,exports.Polyline=c,exports.Rectangle=p,exports.default=l;
function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t}(u(),["center","zoom"]);null===(r=a.value)||void 0===r||r.setOptions(s),void 0!==o&&o!==n&&(null===(l=a.value)||void 0===l||l.setZoom(o)),e&&(t&&e.lng===t.lng&&e.lat===t.lat||null===(i=a.value)||void 0===i||i.panTo(e))}))})),{mapRef:n,ready:r,map:a,api:i}}});const C={ref:"mapRef"};y.render=function(e,t,n,r,l,a){return o.default.openBlock(),o.default.createBlock("div",C,[o.default.renderSlot(e.$slots,"default")],512)},y.__file="src/components/GoogleMap.vue";var b=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{marker:d("Marker",p,n,t)}},render:()=>null}),h=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{polyline:d("Polyline",m,n,t)}},render:()=>null}),w=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{polygon:d("Polygon",f,n,t)}},render:()=>null}),P=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{rectangle:d("Rectangle",g,n,t)}},render:()=>null}),O=o.default.defineComponent({props:{options:{type:Object,required:!0}},setup(e,{emit:t}){const n=o.default.toRef(e,"options");return{circle:d("Circle",v,n,t)}},render:()=>null}),k=o.default.defineComponent({props:{position:{type:String,required:!0},index:Number},setup(e){const t=o.default.ref(null),{map:n,api:r}=s();return o.default.watch([n,()=>e.position,()=>e.index],((o,l,a)=>{n.value&&r.value&&(e.index&&(t.value.index=e.index),t.value&&n.value.controls[r.value.ControlPosition[e.position]].push(t.value)),a((()=>{if(n.value&&r.value&&t.value){let e=void 0;n.value.controls[r.value.ControlPosition[l[1]]].forEach(((o,n)=>{o===t.value&&(e=n)})),e&&n.value.controls[r.value.ControlPosition[l[1]]].removeAt(e)}}))})),{controlRef:t}}});const S={ref:"controlRef"};k.render=function(e,t,n,r,l,a){return o.default.openBlock(),o.default.createBlock("div",S,[o.default.renderSlot(e.$slots,"default")],512)},k.__file="src/components/CustomControl.vue",t.Circle=O,t.CustomControl=k,t.GoogleMap=y,t.Marker=b,t.Polygon=w,t.Polyline=h,t.Rectangle=P})));module.exports=n;

116

dist/es/index.js

@@ -1,2 +0,2 @@

import { ref, watch, defineComponent, toRef, openBlock, createBlock, renderSlot } from 'vue';
import { ref, watch, defineComponent, onBeforeUnmount, toRef, openBlock, createBlock, renderSlot } from 'vue';

@@ -319,2 +319,63 @@ /*! *****************************************************************************

const mapEvents = [
'bounds_changed',
'center_changed',
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'heading_changed',
'idle',
'maptypeid_changed',
'mousemove',
'mouseout',
'mouseover',
'projection_changed',
'resize',
'rightclick',
'tilesloaded',
'tilt_changed',
'zoom_changed',
];
const markerEvents = [
'animation_changed',
'click',
'dblclick',
'rightclick',
'dragstart',
'dragend',
'drag',
'mouseover',
'mousedown',
'mouseup',
'draggable_changed',
'clickable_changed',
'cursor_changed',
'flat_changed',
'rightclick',
'zindex_changed',
'icon_changed',
'position_changed',
'shape_changed',
'title_changed',
'visible_changed',
];
const polylineEvents = [
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'mousedown',
'mousemove',
'mouseout',
'mouseover',
'mouseup',
'rightclick',
];
const polygonEvents = polylineEvents;
const rectangleEvents = polylineEvents.concat(['bounds_changed']);
const circleEvents = polylineEvents.concat(['center_changed', 'radius_changed']);
var script = defineComponent({

@@ -362,3 +423,3 @@ props: {

},
setup(props) {
setup(props, { emit }) {
const mapRef = ref(null);

@@ -431,5 +492,12 @@ const ready = ref(false);

};
// Strip undefined keys. Without this Map.setOptions doesn't behave very well.
Object.keys(opts).forEach(key => opts[key] === undefined && delete opts[key]);
return opts;
};
onBeforeUnmount(() => {
var _a;
if (map.value) {
(_a = api.value) === null || _a === void 0 ? void 0 : _a.event.clearInstanceListeners(map.value);
}
});
// Only run this in a browser env since it needs to use the `document` object

@@ -441,2 +509,6 @@ // and would error out in a node env (i.e. vitepress/vuepress SSR)

map.value = new Map(mapRef.value, resolveOptions());
mapEvents.forEach(event => {
var _a;
(_a = map.value) === null || _a === void 0 ? void 0 : _a.addListener(event, () => emit(event));
});
ready.value = true;

@@ -477,42 +549,2 @@ const otherPropsAsRefs = Object.keys(props)

const markerEvents = [
'animation_changed',
'click',
'dblclick',
'rightclick',
'dragstart',
'dragend',
'drag',
'mouseover',
'mousedown',
'mouseup',
'draggable_changed',
'clickable_changed',
'cursor_changed',
'flat_changed',
'rightclick',
'zindex_changed',
'icon_changed',
'position_changed',
'shape_changed',
'title_changed',
'visible_changed',
];
const polylineEvents = [
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'mousedown',
'mousemove',
'mouseout',
'mouseover',
'mouseup',
'rightclick',
];
const polygonEvents = polylineEvents;
const rectangleEvents = polylineEvents.concat(['bounds_changed']);
const circleEvents = polylineEvents.concat(['center_changed', 'radius_changed']);
var Marker = defineComponent({

@@ -519,0 +551,0 @@ props: {

2

dist/types/@types/index.d.ts
/// <reference types="googlemaps" />
import * as themes from '/@/themes/index';
import * as themes from '../themes/index';
export declare type GoogleMapsAPI = typeof google.maps;

@@ -4,0 +4,0 @@ export declare type IMap = google.maps.Map;

0

dist/types/@types/index.js
export {};

132

dist/types/components/Circle.d.ts

@@ -10,133 +10,3 @@ /// <reference types="googlemaps" />

circle: {
component: import("vue").Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: import("vue").Ref<google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle | null>;
};

@@ -143,0 +13,0 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

4

dist/types/components/Circle.js
import { defineComponent, toRef } from 'vue';
import { useSetupMapComponent } from '/@/composables/index';
import { circleEvents } from '/@/shared/index';
import { useSetupMapComponent } from '../composables/index';
import { circleEvents } from '../shared/index';
export default defineComponent({

@@ -5,0 +5,0 @@ props: {

0

dist/types/components/index.d.ts

@@ -0,0 +0,0 @@ export { default as GoogleMap } from './GoogleMap.vue';

0

dist/types/components/index.js

@@ -0,0 +0,0 @@ export { default as GoogleMap } from './GoogleMap.vue';

132

dist/types/components/Marker.d.ts

@@ -10,133 +10,3 @@ /// <reference types="googlemaps" />

marker: {
component: import("vue").Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: import("vue").Ref<google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle | null>;
};

@@ -143,0 +13,0 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

4

dist/types/components/Marker.js
import { defineComponent, toRef } from 'vue';
import { useSetupMapComponent } from '/@/composables/index';
import { markerEvents } from '/@/shared/index';
import { useSetupMapComponent } from '../composables/index';
import { markerEvents } from '../shared/index';
export default defineComponent({

@@ -5,0 +5,0 @@ props: {

132

dist/types/components/Polygon.d.ts

@@ -10,133 +10,3 @@ /// <reference types="googlemaps" />

polygon: {
component: import("vue").Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: import("vue").Ref<google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle | null>;
};

@@ -143,0 +13,0 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

4

dist/types/components/Polygon.js
import { defineComponent, toRef } from 'vue';
import { useSetupMapComponent } from '/@/composables/index';
import { polygonEvents } from '/@/shared/index';
import { useSetupMapComponent } from '../composables/index';
import { polygonEvents } from '../shared/index';
export default defineComponent({

@@ -5,0 +5,0 @@ props: {

132

dist/types/components/Polyline.d.ts

@@ -10,133 +10,3 @@ /// <reference types="googlemaps" />

polyline: {
component: import("vue").Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: import("vue").Ref<google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle | null>;
};

@@ -143,0 +13,0 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

4

dist/types/components/Polyline.js
import { defineComponent, toRef } from 'vue';
import { useSetupMapComponent } from '/@/composables/index';
import { polylineEvents } from '/@/shared/index';
import { useSetupMapComponent } from '../composables/index';
import { polylineEvents } from '../shared/index';
export default defineComponent({

@@ -5,0 +5,0 @@ props: {

132

dist/types/components/Rectangle.d.ts

@@ -10,133 +10,3 @@ /// <reference types="googlemaps" />

rectangle: {
component: import("vue").Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: import("vue").Ref<google.maps.Marker | google.maps.Polyline | google.maps.Polygon | google.maps.Rectangle | google.maps.Circle | null>;
};

@@ -143,0 +13,0 @@ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

4

dist/types/components/Rectangle.js
import { defineComponent, toRef } from 'vue';
import { useSetupMapComponent } from '/@/composables/index';
import { rectangleEvents } from '/@/shared/index';
import { useSetupMapComponent } from '../composables/index';
import { rectangleEvents } from '../shared/index';
export default defineComponent({

@@ -5,0 +5,0 @@ props: {

4

dist/types/composables/index.d.ts

@@ -1,2 +0,2 @@

export * from "./useMap";
export * from "./useSetupMapComponent";
export * from './useMap';
export * from './useSetupMapComponent';

4

dist/types/composables/index.js

@@ -7,4 +7,4 @@ // #autoindex

// local file exports
export * from "./useMap";
export * from "./useSetupMapComponent";
export * from './useMap';
export * from './useSetupMapComponent';
// Note:

@@ -11,0 +11,0 @@ // -----

20

dist/types/composables/useMap.d.ts
/// <reference types="googlemaps" />
import { IMap } from '/@/@types/index';
import { IMap } from '../@types/index';
export declare const useMap: () => {
map: import("vue").Ref<{
addListener: {
<N extends "idle" | "click" | "dblclick" | "drag" | "dragend" | "dragstart" | "mousemove" | "mouseout" | "mouseover" | "rightclick" | "bounds_changed" | "center_changed" | "heading_changed" | "maptypeid_changed" | "projection_changed" | "tilesloaded" | "tilt_changed" | "zoom_changed">(eventName: N, handler: google.maps.MVCEventHandler<IMap, google.maps.MapHandlerMap[N]>): google.maps.MapsEventListener;
(eventName: string, handler: google.maps.MVCEventHandler<IMap, any[]>): google.maps.MapsEventListener;
<N extends "idle" | "click" | "dblclick" | "drag" | "dragend" | "dragstart" | "mousemove" | "mouseout" | "mouseover" | "rightclick" | "bounds_changed" | "center_changed" | "heading_changed" | "maptypeid_changed" | "projection_changed" | "tilesloaded" | "tilt_changed" | "zoom_changed">(eventName: N, handler: google.maps.MapHandlerMap<IMap>[N]): google.maps.MapsEventListener;
(eventName: string, handler: (this: IMap, ...args: any[]) => void): google.maps.MapsEventListener;
};

@@ -31,2 +31,6 @@ fitBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral, padding?: number | google.maps.Padding | undefined) => void;

controls: {
addListener: {
<N_1 extends "insert_at" | "remove_at" | "set_at">(eventName: N_1, handler: google.maps.MVCArrayHandlerMap<google.maps.MVCArray<Node>, Node>[N_1]): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.MVCArray<Node>, ...args: any[]) => void): google.maps.MapsEventListener;
};
clear: () => void;

@@ -42,3 +46,2 @@ forEach: (callback: (elem: Node, i: number) => void) => void;

setAt: (i: number, elem: Node) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.MVCArray<Node>, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;

@@ -74,3 +77,3 @@ changed: (key: string) => void;

toGeoJson: (callback: (feature: object) => void) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Data, any[]>) => google.maps.MapsEventListener;
addListener: (eventName: string, handler: (this: google.maps.Data, ...args: any[]) => void) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;

@@ -87,3 +90,3 @@ changed: (key: string) => void;

set: (id: string, mapType: google.maps.MapType) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.MapTypeRegistry, any[]>) => google.maps.MapsEventListener;
addListener: (eventName: string, handler: (this: google.maps.MapTypeRegistry, ...args: any[]) => void) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;

@@ -98,2 +101,6 @@ changed: (key: string) => void;

overlayMapTypes: {
addListener: {
<N_2 extends "insert_at" | "remove_at" | "set_at">(eventName: N_2, handler: google.maps.MVCArrayHandlerMap<google.maps.MVCArray<google.maps.MapType>, google.maps.MapType>[N_2]): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.MVCArray<google.maps.MapType>, ...args: any[]) => void): google.maps.MapsEventListener;
};
clear: () => void;

@@ -109,3 +116,2 @@ forEach: (callback: (elem: google.maps.MapType, i: number) => void) => void;

setAt: (i: number, elem: google.maps.MapType) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.MVCArray<google.maps.MapType>, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;

@@ -112,0 +118,0 @@ changed: (key: string) => void;

0

dist/types/composables/useMap.js

@@ -0,0 +0,0 @@ import { ref } from 'vue';

136

dist/types/composables/useSetupMapComponent.d.ts

@@ -1,138 +0,8 @@

/// <reference types="googlemaps" />
import { Ref } from 'vue';
import { IMarkerOptions, IPolylineOptions, IPolygonOptions, IRectangleOptions, ICircleOptions } from '/@/@types/index';
import { IMarker, IPolyline, IPolygon, IRectangle, ICircle, IMarkerOptions, IPolylineOptions, IPolygonOptions, IRectangleOptions, ICircleOptions } from '../@types/index';
declare type IComponent = IMarker | IPolyline | IPolygon | IRectangle | ICircle;
declare type IComponentOptions = IMarkerOptions | IPolylineOptions | IPolygonOptions | IRectangleOptions | ICircleOptions;
export declare const useSetupMapComponent: (componentName: 'Marker' | 'Polyline' | 'Polygon' | 'Rectangle' | 'Circle', events: string[], options: Ref<IComponentOptions>, emit: (event: string, ...args: any[]) => void) => {
component: Ref<{
getAnimation: () => google.maps.Animation | null | undefined;
getClickable: () => boolean;
getCursor: () => string | null | undefined;
getDraggable: () => boolean | null | undefined;
getIcon: () => string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null | undefined;
getLabel: () => google.maps.ReadonlyMarkerLabel | null | undefined;
getMap: () => google.maps.StreetViewPanorama | google.maps.Map<Element> | null | undefined;
getOpacity: () => number | null | undefined;
getPosition: () => google.maps.LatLng | null | undefined;
getShape: () => google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null | undefined;
getTitle: () => string | null | undefined;
getVisible: () => boolean;
getZIndex: () => number | null | undefined;
setAnimation: (animation: google.maps.Animation | null) => void;
setClickable: (flag: boolean) => void;
setCursor: (cursor: string | null) => void;
setDraggable: (flag: boolean | null) => void;
setIcon: (icon: string | google.maps.ReadonlyIcon | google.maps.ReadonlySymbol | null) => void;
setLabel: (label: string | google.maps.ReadonlyMarkerLabel | null) => void;
setMap: (map: google.maps.StreetViewPanorama | google.maps.Map<Element> | null) => void;
setOpacity: (opacity: number | null) => void;
setOptions: (options: google.maps.ReadonlyMarkerOptions) => void;
setPosition: (latlng: google.maps.LatLng | google.maps.ReadonlyLatLngLiteral | null) => void;
setShape: (shape: google.maps.MarkerShapeCircle | google.maps.MarkerShapeRect | google.maps.MarkerShapePoly | null) => void;
setTitle: (title: string | null) => void;
setVisible: (visible: boolean) => void;
setZIndex: (zIndex: number | null) => void;
addListener: {
(eventName: google.maps.MarkerChangeOptionEventNames, handler: (this: google.maps.Marker) => void): google.maps.MapsEventListener;
(eventName: google.maps.MarkerMouseEventNames, handler: (this: google.maps.Marker, event: google.maps.MouseEvent) => void): google.maps.MapsEventListener;
(eventName: string, handler: (this: google.maps.Marker, ...args: any[]) => void): google.maps.MapsEventListener;
};
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolylineOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polyline, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getPath: () => google.maps.MVCArray<google.maps.LatLng>;
getPaths: () => google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>>;
getVisible: () => boolean;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.PolygonOptions) => void;
setPath: (path: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[]) => void;
setPaths: (paths: google.maps.MVCArray<google.maps.LatLng> | google.maps.LatLng[] | google.maps.LatLngLiteral[] | google.maps.MVCArray<google.maps.MVCArray<google.maps.LatLng>> | google.maps.LatLng[][] | google.maps.LatLngLiteral[][]) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Polygon, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getVisible: () => boolean;
setBounds: (bounds: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.RectangleOptions) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Rectangle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | {
getBounds: () => google.maps.LatLngBounds;
getCenter: () => google.maps.LatLng;
getDraggable: () => boolean;
getEditable: () => boolean;
getMap: () => google.maps.Map<Element>;
getRadius: () => number;
getVisible: () => boolean;
setCenter: (center: google.maps.LatLng | google.maps.LatLngLiteral) => void;
setDraggable: (draggable: boolean) => void;
setEditable: (editable: boolean) => void;
setMap: (map: google.maps.Map<Element> | null) => void;
setOptions: (options: google.maps.CircleOptions) => void;
setRadius: (radius: number) => void;
setVisible: (visible: boolean) => void;
addListener: (eventName: string, handler: google.maps.MVCEventHandler<google.maps.Circle, any[]>) => google.maps.MapsEventListener;
bindTo: (key: string, target: google.maps.MVCObject, targetKey?: string | undefined, noNotify?: boolean | undefined) => void;
changed: (key: string) => void;
get: (key: string) => any;
notify: (key: string) => void;
set: (key: string, value: any) => void;
setValues: (values: any) => void;
unbind: (key: string) => void;
unbindAll: () => void;
} | null>;
component: Ref<IComponent | null>;
};
export {};

2

dist/types/composables/useSetupMapComponent.js
import { watch, ref } from 'vue';
import { useMap } from '/@/composables/index';
import { useMap } from '../composables/index';
export const useSetupMapComponent = (componentName, events, options, emit) => {

@@ -4,0 +4,0 @@ let _component = null;

4

dist/types/index.d.ts

@@ -1,2 +0,2 @@

export * from "./@types/index";
export * from "./components/index";
export * from './@types/index';
export * from './components/index';

4

dist/types/index.js

@@ -7,4 +7,4 @@ //#autoindex, exclude: shims-vue.d, composables, shared, themes

// directory exports
export * from "./@types/index";
export * from "./components/index";
export * from './@types/index';
export * from './components/index';
// Note:

@@ -11,0 +11,0 @@ // -----

1

dist/types/shared/index.d.ts

@@ -0,1 +1,2 @@

export declare const mapEvents: string[];
export declare const markerEvents: string[];

@@ -2,0 +3,0 @@ export declare const polylineEvents: string[];

21

dist/types/shared/index.js

@@ -0,1 +1,22 @@

export const mapEvents = [
'bounds_changed',
'center_changed',
'click',
'dblclick',
'drag',
'dragend',
'dragstart',
'heading_changed',
'idle',
'maptypeid_changed',
'mousemove',
'mouseout',
'mouseover',
'projection_changed',
'resize',
'rightclick',
'tilesloaded',
'tilt_changed',
'zoom_changed',
];
export const markerEvents = [

@@ -2,0 +23,0 @@ 'animation_changed',

2

dist/types/themes/aubergine.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const aubergine: IMapTypeStyle[];

0

dist/types/themes/aubergine.js

@@ -0,0 +0,0 @@ export const aubergine = [

2

dist/types/themes/dark.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
/**

@@ -3,0 +3,0 @@ * Dark mode theme from:

0

dist/types/themes/dark.js

@@ -0,0 +0,0 @@ /**

2

dist/types/themes/grey.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const grey: IMapTypeStyle[];

0

dist/types/themes/grey.js

@@ -0,0 +0,0 @@ export const grey = [

16

dist/types/themes/index.d.ts

@@ -1,8 +0,8 @@

export * from "./aubergine";
export * from "./dark";
export * from "./grey";
export * from "./minimal";
export * from "./retro";
export * from "./roadways";
export * from "./roadwaysMinimal";
export * from "./ultraLight";
export * from './aubergine';
export * from './dark';
export * from './grey';
export * from './minimal';
export * from './retro';
export * from './roadways';
export * from './roadwaysMinimal';
export * from './ultraLight';

16

dist/types/themes/index.js

@@ -7,10 +7,10 @@ // #autoindex

// local file exports
export * from "./aubergine";
export * from "./dark";
export * from "./grey";
export * from "./minimal";
export * from "./retro";
export * from "./roadways";
export * from "./roadwaysMinimal";
export * from "./ultraLight";
export * from './aubergine';
export * from './dark';
export * from './grey';
export * from './minimal';
export * from './retro';
export * from './roadways';
export * from './roadwaysMinimal';
export * from './ultraLight';
// Note:

@@ -17,0 +17,0 @@ // -----

2

dist/types/themes/minimal.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const minimal: IMapTypeStyle[];

0

dist/types/themes/minimal.js

@@ -0,0 +0,0 @@ export const minimal = [

2

dist/types/themes/retro.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const retro: IMapTypeStyle[];

0

dist/types/themes/retro.js

@@ -0,0 +0,0 @@ export const retro = [

2

dist/types/themes/roadways.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const roadways: IMapTypeStyle[];

0

dist/types/themes/roadways.js

@@ -0,0 +0,0 @@ export const roadways = [

2

dist/types/themes/roadwaysMinimal.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const roadwaysMinimal: IMapTypeStyle[];

0

dist/types/themes/roadwaysMinimal.js
import { roadways, minimal } from './index';
export const roadwaysMinimal = [...roadways, ...minimal];

2

dist/types/themes/ultraLight.d.ts

@@ -1,2 +0,2 @@

import { IMapTypeStyle } from '/@/@types/index';
import { IMapTypeStyle } from '../@types/index';
export declare const ultraLight: IMapTypeStyle[];

0

dist/types/themes/ultraLight.js

@@ -0,0 +0,0 @@ export const ultraLight = [

13

package.json
{
"name": "vue3-google-map",
"version": "0.1.2",
"version": "0.2.0",
"license": "MIT",

@@ -23,3 +23,4 @@ "repository": {

"clear": "rimraf dist/**/*",
"lint": "yarn tsc",
"lint": "yarn eslint --ext .js,.ts,.vue src dev docs",
"lint:autofix": "yarn lint --fix",
"build": "run-s clear autoindex build:lib build:types",

@@ -43,3 +44,2 @@ "build:lib": "node ./build/build cjs es --min",

"@vue/eslint-config-typescript": "^7.0.0",
"common-types": "^1.16.2",
"cross-env": "^7.0.2",

@@ -61,4 +61,4 @@ "do-devops": "^0.5.4",

"typescript": "~4.0.3",
"vite": "^1.0.0-rc.4",
"vitepress": "^0.7.0",
"vite": "1.0.0-rc.4",
"vitepress": "0.7.0",
"vue": "3"

@@ -69,2 +69,5 @@ },

},
"resolutions": {
"vite": "1.0.0-rc.4"
},
"engines": {

@@ -71,0 +74,0 @@ "node": ">=10"

0

README.md

@@ -0,0 +0,0 @@ # vue3-google-map