map-trix
TypeScript icon, indicating that this package has built-in type declarations

1.4.4 • Public • Published

Map Trix : Google Maps Interface

npm

Description

This module provides an easy to use interface that allows to load and use Google Maps API.

Install

Available via npm as the package Map Trix.

npm install map-trix

Documentation and Usage

Load the lib and create an instance

import { createMapTrix } from 'map-trix'

// Google Maps lib options
const options = { 
    key: 'Your Google API Key',
    language: 'en', 
    version: 'weekly', 
    libraries: ["places"]
    /* TODO : to be completed */ 
}

/**
 * Load the lib and create an instance
 * @param {string} API_KEY : Your Google API Key @deprecated since version 1.4.4 please use options.key
 * @param {object} options : { center: { lat: 0, lng: 0 }, zoom: 5 ... }
 * @param {object} config : { enableBounds: false }
 * @returns : MapTrix instance
 */ 
const mapTrix = await createMapTrix(API_KEY, options)

mapTrix.init('#YourMapElSelector')

Add marker

// Add marker without infoWindow
const point1 = {
    latitude: 48.85840, 
    longitude: 2.29448
}
mapTrix.addMarker(point)

// Add marker with infoWindow
const point2 = {
    latitude: 48.87574, 
    longitude: 2.29517, 
    content: 'infoWindow content'
}
mapTrix.addMarker(point2, true)

// Center map on loaded markers
mapTrix.boundsMarkers()

Create route between two points

/**
 * @param {String|{latitude, longitude}} origin
 * @param {String|{latitude, longitude}} destination
 */
mapTrix.traceDirection(point1, point2).then( successResponse => /* Your code here */ )

Load current location

import Utils from './utils/utils'


/**
 * Load current user position
 * @param {enableHighAccuracy = true, timeout = 5000, maximumAge = 0}
 */
Utils.getCurrentPosition().then( response => {
    // Your code here...
    // for example
    mapTrix.addMarker({
        latitude: response.coords.latitude, 
        longitude: response.coords.longitude, 
        content: 'My position'}, 
        true
    )
})

Package Sidebar

Install

npm i map-trix

Weekly Downloads

3

Version

1.4.4

License

ISC

Unpacked Size

40.7 kB

Total Files

6

Last publish

Collaborators

  • mahmoud-nbet