whoami7 - Manager
:
/
home
/
n170823s
/
.trash
/
public
/
assets
/
js
/
components
/
Upload File:
files >> /home/n170823s/.trash/public/assets/js/components/maps-vector.js
/* Template Name: TIM - Responsive 5 Admin Dashboard Author: TIM File: vector map js */ class VectorMap { initWorldMapMarker() { const map = new jsVectorMap({ map: 'world', selector: '#world-map-markers', zoomOnScroll: false, zoomButtons: true, markersSelectable: true, markers: [ { name: "Greenland", coords: [72, -42] }, { name: "Canada", coords: [56.1304, -106.3468] }, { name: "Brazil", coords: [-14.2350, -51.9253] }, { name: "Egypt", coords: [26.8206, 30.8025] }, { name: "Russia", coords: [61, 105] }, { name: "China", coords: [35.8617, 104.1954] }, { name: "United States", coords: [37.0902, -95.7129] }, { name: "Norway", coords: [60.472024, 8.468946] }, { name: "Ukraine", coords: [48.379433, 31.16558] }, ], markerStyle: { initial: { fill: "#5B8DEC" }, selected: { fill: "#ef5f5f" } }, labels: { markers: { render: marker => marker.name } }, regionStyle: { initial: { fill: 'rgba(169,183,197, 0.2)', fillOpacity: 1, }, }, }); } initCanadaVectorMap() { const map = new jsVectorMap({ map: 'canada', selector: '#canada-vector-map', zoomOnScroll: false, regionStyle: { initial: { fill: '#5B8DEC' } } }); } initRussiaVectorMap() { const map = new jsVectorMap({ map: 'russia', selector: '#russia-vector-map', zoomOnScroll: false, regionStyle: { initial: { fill: '#5d7186' } } }); } initIraqVectorMap() { const map = new jsVectorMap({ map: 'iraq', selector: '#iraq-vector-map', zoomOnScroll: false, regionStyle: { initial: { fill: '#20c8e9' } } }); } initSpainVectorMap() { const map = new jsVectorMap({ map: 'spain', selector: '#spain-vector-map', zoomOnScroll: false, regionStyle: { initial: { fill: '#ffe381' } } }); } initUsaVectorMap() { const map = new jsVectorMap({ map: 'us_merc_en', selector: '#usa-vector-map', regionStyle: { initial: { fill: '#ffe381' } } }); } init() { this.initWorldMapMarker(); this.initCanadaVectorMap(); this.initRussiaVectorMap(); this.initIraqVectorMap(); this.initSpainVectorMap(); // this.initUsaVectorMap(); } } document.addEventListener('DOMContentLoaded', function (e) { new VectorMap().init(); });
Copyright ©2021 || Defacer Indonesia