Skip to main content

Class: MapsvgClient

Client class, globally available as mapsvg or window.mapsvg. It contains all of the classes and utilities. Example usage:

// Init objects
const map = new mapsvg.map(...)
const location = new mapsvg.location(...)

// Get map
const map = mapsvg.getById(12)

// Use utilities
if(mapsvg.utils.env.isPhone()) {
// do something for mobile devices
}

const capitalizedString = map.utils.strings.ucfirst("orange") // > Orange

Extends

Accessors

googleMapsApiKey

Get Signature

get googleMapsApiKey(): string;
Returns

string

Inherited from

Mapsvg.googleMapsApiKey


nonce

Get Signature

get nonce(): string;
Returns

string

Set Signature

set nonce(_nonce): void;
Parameters
ParameterType
_noncestring
Returns

void

Inherited from

Mapsvg.nonce

Constructors

Constructor

new MapsvgClient(): MapsvgClient;

Returns

MapsvgClient

Overrides

Mapsvg.constructor

Methods

addInstance()

addInstance(mapsvg): void;

Parameters

ParameterType
mapsvgany

Returns

void

Inherited from

Mapsvg.addInstance


extend()

extend(sub, base): void;

Parameters

ParameterType
subany
baseany

Returns

void

Inherited from

Mapsvg.extend


extendBuiltins()

extendBuiltins(): void;

Returns

void

Inherited from

Mapsvg.extendBuiltins


get()

get(index): MapSVGMap;

Parameters

ParameterType
indexany

Returns

MapSVGMap

Inherited from

Mapsvg.get


getByContainerId()

getByContainerId(id): MapSVGMap;

Parameters

ParameterType
idany

Returns

MapSVGMap

Inherited from

Mapsvg.getByContainerId


getById()

getById(id): MapSVGMap;

Parameters

ParameterType
idany

Returns

MapSVGMap

Inherited from

Mapsvg.getById


init()

init(options): Promise<void>;

Parameters

ParameterType
optionsMapsvgFrontendParams

Returns

Promise<void>

Inherited from

Mapsvg.init


lazyLoadMap()

lazyLoadMap(container): void;

Parameters

ParameterType
containerHTMLElement

Returns

void

Inherited from

Mapsvg.lazyLoadMap


loadMap()

loadMap(container): void;

Parameters

ParameterType
containerHTMLElement

Returns

void

Inherited from

Mapsvg.loadMap


loadMaps()

loadMaps(): void;

Returns

void

Inherited from

Mapsvg.loadMaps


receiveMessageFromIframe()

receiveMessageFromIframe(event): void;

Parameters

ParameterType
eventany

Returns

void

Inherited from

Mapsvg.receiveMessageFromIframe


setEventHandlers()

setEventHandlers(): void;

Returns

void

Inherited from

Mapsvg.setEventHandlers


unloadMaps()

unloadMaps(): void;

Returns

void

Inherited from

Mapsvg.unloadMaps


createClient()

static createClient(frontEndOptions?): Mapsvg;

Parameters

ParameterType
frontEndOptions?MapsvgFrontendParams

Returns

Mapsvg

Inherited from

Mapsvg.createClient

Properties

_nonce

_nonce: string;

Inherited from

Mapsvg._nonce


arrayIndexed

arrayIndexed: typeof ArrayIndexed = ArrayIndexed;

customObject

customObject: typeof Model = Model;

defaultMarkerImage

defaultMarkerImage: string;

Inherited from

Mapsvg.defaultMarkerImage


distanceSearch

distanceSearch: any;

Inherited from

Mapsvg.distanceSearch


formBuilder

formBuilder: typeof FormBuilder = FormBuilder;

geoPoint

geoPoint: typeof GeoPoint = GeoPoint;

google_maps_api_key

google_maps_api_key: string;

Inherited from

Mapsvg.google_maps_api_key


googleMaps

googleMaps: object;

apiIsLoading

apiIsLoading: boolean;

apiKey

apiKey: string;

loaded

loaded: boolean;

onLoadCallbacks

onLoadCallbacks: () => void[];
Returns

void

Inherited from

Mapsvg.googleMaps


googleMapsApiLoaded

googleMapsApiLoaded: boolean = false;

Inherited from

Mapsvg.googleMapsApiLoaded


initialized

initialized: boolean;

Overrides

Mapsvg.initialized


instances

instances: MapSVGMap[];

Inherited from

Mapsvg.instances


loaded

loaded: boolean = false;

Inherited from

Mapsvg.loaded


location

location: typeof Location = Location;

map

map: typeof MapSVGMap = MapSVGMap;

mapsRepository

mapsRepository: typeof MapsRepository = MapsRepository;

mapsV2Repository

mapsV2Repository: typeof MapsV2Repository = MapsV2Repository;

marker

marker: typeof Marker = Marker;

markerImages

markerImages: object[];

file

file: string;

folder

folder: string;

relativeUrl?

optional relativeUrl: string;

url

url: string;

Inherited from

Mapsvg.markerImages


mediaUploader

mediaUploader: any;

Inherited from

Mapsvg.mediaUploader


meta

meta: Record<string, any> = {};

Inherited from

Mapsvg.meta


mouse

mouse: object;

x

x: number;

y

y: number;

Inherited from

Mapsvg.mouse


query

query: typeof Query = Query;

region

region: typeof Region = Region;

repository

repository: typeof Repository = Repository;

ResizeSensor

ResizeSensor: typeof ResizeSensor;

Inherited from

Mapsvg.ResizeSensor


routes

routes: MapsvgRoutes;

Inherited from

Mapsvg.routes


schema

schema: typeof Schema = Schema;

schemaRepository

schemaRepository: typeof SchemaRepository = SchemaRepository;

screenPoint

screenPoint: typeof ScreenPoint = ScreenPoint;

server

server: typeof Server = Server;

svgPoint

svgPoint: {
(x?, y?, z?, w?): DOMPoint;
prototype: DOMPoint;
fromPoint: DOMPoint;
} = SVGPoint;

Parameters

ParameterType
x?number
y?number
z?number
w?number

Returns

DOMPoint

prototype

prototype: DOMPoint;

fromPoint()

fromPoint(other?): DOMPoint;

MDN Reference

Parameters
ParameterType
other?DOMPointInit
Returns

DOMPoint


templatesLoaded

templatesLoaded: Record<string, boolean> = {};

Inherited from

Mapsvg.templatesLoaded


useRepository()

useRepository: {
(name, map): Repository;
(name, map): Repository;
(name, map): SchemaRepository;
(name, map): MapsRepository;
(name, map): PostTypesRepository;
};

Call Signature

(name, map): Repository;
Parameters
ParameterType
name| "regions" | ["regions", string] | SchemaOptions
mapMapSVGMap
Returns

Repository

Call Signature

(name, map): Repository;
Parameters
ParameterType
name| SchemaOptions | "objects" | ["objects", string]
mapMapSVGMap
Returns

Repository

Call Signature

(name, map): SchemaRepository;
Parameters
ParameterType
name| SchemaOptions | "schemas"
mapMapSVGMap
Returns

SchemaRepository

Call Signature

(name, map): MapsRepository;
Parameters
ParameterType
name| SchemaOptions | "maps"
mapMapSVGMap
Returns

MapsRepository

Call Signature

(name, map): PostTypesRepository;
Parameters
ParameterType
name| SchemaOptions | ["postTypes", string]
mapMapSVGMap
Returns

PostTypesRepository


utils

utils: object;

env

env: object;
env.getBrowser()
getBrowser: () => object;

Gets browser info (IE, Firefox, Safari).

Returns

object

firefox
firefox: boolean;
ie
ie: boolean;
safari
safari: boolean;
env.getDevice()
getDevice: () => object;

Detects if the device is iOS or Android.

Returns

object

android
android: boolean;
ios
ios: boolean;
env.getMouseCoords()
getMouseCoords: (e) => object;

Gets mouse or touch coordinates from an event.

Parameters
ParameterTypeDescription
eMouseEvent | TouchEvent | TriggeredEvent<any, any, any, any>
Returns

object

x
x: number;
y
y: number;
env.getUserAgent()
getUserAgent: () => string;

Gets the user agent string in lowercase.

Returns

string

env.isMac()
isMac: () => boolean;

Checks if the current OS is Mac.

Returns

boolean

env.isPhone()
isPhone: () => boolean;

Checks if the device is a phone (max-width: 767px).

Returns

boolean

files

files: object;
files.getFileType()
getFileType: (url) => "JS" | "CSS" | "Unknown";

Gets the file type from a URL.

Parameters
ParameterTypeDescription
urlany
Returns

"JS" | "CSS" | "Unknown"

"JS", "CSS", or "Unknown"

files.loadFile()
loadFile: (file) => Promise<unknown>;

Loads a single JS or CSS file.

Parameters
ParameterTypeDescription
fileany
Returns

Promise<unknown>

files.loadFiles()
loadFiles: (files) => Promise<any[]>;

Loads multiple files (JS or CSS).

Parameters
ParameterTypeDescription
filesany
Returns

Promise<any[]>

funcs

funcs: object;
funcs.deepMerge()
deepMerge: {
<T, U> (target, source): T & U;
<T, U, V> (target, middle, source): T & U & V;
};
Call Signature
<T, U>(target, source): T & U;

Deep merges two or three objects.

Type Parameters
Type Parameter
T
U
Parameters
ParameterTypeDescription
targetT
sourceU
Returns

T & U

Call Signature
<T, U, V>(
target,
middle,
source): T & U & V;

Deep merges two or three objects.

Type Parameters
Type Parameter
T
U
V
Parameters
ParameterTypeDescription
targetT
middleU
sourceV
Returns

T & U & V

funcs.geocode()
geocode: (query, callback) => boolean;
Parameters
ParameterType
queryany
callbackany
Returns

boolean

funcs.getNestedValue()
getNestedValue: (obj, path) => any;

Gets a nested value from an object using dot or PHP-style bracket notation.

Parameters
ParameterTypeDescription
objanyThe object to traverse.
pathstringThe path string (e.g. 'a.b.c' or 'a[b][c]').
Returns

any

The value at the nested path, or undefined if not found.

Example
getNestedValue(obj, 'a.b.c')
getNestedValue(obj, 'a[b][c]')
funcs.splitObjectAndField()
splitObjectAndField: (fields) => object;
Parameters
ParameterType
fieldsstring
Returns

object

field
field: string;
object
object: string;
funcs.throttle()
throttle: (method, delay, scope, params) => void;

Throttles a function call by a delay.

Parameters
ParameterTypeDescription
methodany
delayany
scopeany
paramsany
Returns

void

http

http: object;
http.handleFailedRequest()
handleFailedRequest: (response) => void;

Handles a failed AJAX request and shows a growl error.

Parameters
ParameterTypeDescription
responseany
Returns

void

numbers

numbers: object;
numbers.compareVersions()
compareVersions: (v1, v2) => -1 | 0 | 1;

Compares two version strings (e.g. "1.2.3").

Parameters
ParameterTypeDescription
v1any
v2any
Returns

-1 | 0 | 1

1 if v1 > v2, -1 if v1 < v2, 0 if equal

numbers.isNumber()
isNumber: (n) => boolean;

Checks if a value is a number.

Parameters
ParameterTypeDescription
nany
Returns

boolean

numbers.parseBoolean()
parseBoolean: (string) => boolean;

Parses a string to boolean.

Parameters
ParameterTypeDescription
stringany
Returns

boolean

strings

strings: object;
strings.convertToText()
convertToText: (obj) => any;

Converts an object to a string representation.

Parameters
ParameterTypeDescription
objany
Returns

any

strings.fixColorHash()
fixColorHash: (color) => string;

Adds a hash to a color string if missing.

Parameters
ParameterTypeDescription
colorstring
Returns

string

strings.functionFromString()
functionFromString: (string) => SyntaxError | TypeError;

Converts a string to a function.

Parameters
ParameterTypeDescription
stringstring
Returns

SyntaxError | TypeError

Function or object {error: "error text"}

strings.removeLeadingSlash()
removeLeadingSlash: (str) => any;

Removes a leading slash from a string.

Parameters
ParameterTypeDescription
strany
Returns

any

strings.safeURL()
safeURL: (url) => any;

Normalizes a URL by removing the protocol and domain.

Parameters
ParameterTypeDescription
urlany
Returns

any

strings.toSnakeCase()
toSnakeCase: (str) => string;

Converts a string to snake_case.

Parameters
ParameterTypeDescription
strstring
Returns

string

strings.ucfirst()
ucfirst: (string) => any;

Uppercases the first character of a string.

Parameters
ParameterTypeDescription
stringany
Returns

any


version

version: string = "process.env.VERSION";

Inherited from

Mapsvg.version


initialized

static initialized: boolean = false;

Inherited from

Mapsvg.initialized