File tree Expand file tree Collapse file tree 1 file changed +36
-0
lines changed
Expand file tree Collapse file tree 1 file changed +36
-0
lines changed Original file line number Diff line number Diff line change 1+
2+ <!DOCTYPE html>
3+ < html lang ="en ">
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
8+ < title > Jsvectormap (Basic)</ title >
9+ < link rel ="stylesheet " href ="../assets/css/style.css " />
10+ < link rel ="stylesheet " href ="../dist/css/jsvectormap.css " />
11+ < script src ="../dist/js/jsvectormap.min.js "> </ script >
12+ < script src ="../dist/maps/world.js "> </ script >
13+ < style >
14+ .map-wrapper {
15+ border : 1px solid # EEE ;
16+ padding : 1rem ;
17+ width : 700px ;
18+ margin : auto
19+ }
20+ </ style >
21+ </ head >
22+ < body style ="height: 200vh; ">
23+ < br /> < br /> < br /> < br /> < br />
24+ < div id ="map " style ="width: 750px; height: 400px; margin: auto; border: 1px solid #EEE "> </ div >
25+ < script >
26+ var map = new jsVectorMap ( {
27+ map : 'world' ,
28+ selector : '#map' ,
29+ } )
30+
31+ document . querySelector ( '#focus' ) . addEventListener ( 'click' , ( ) => {
32+ map . setFocus ( { region : 'RU' , animate : true } )
33+ } )
34+ </ script >
35+ </ body >
36+ </ html >
You can’t perform that action at this time.
0 commit comments