My First mapbox-gl.js map

README.md

My first mapbox-gl.js map!

This is a really simple map. I just added added a GeoJSON layer depicting the boundary for Franklin County, Kentucky. I have to admit, I had to take a couple days break between my first attempt to add the county boundary and this successful one. It took running across this example from bwyss on GitHub. For some reason, looking at his project it finally clicked about how to add a feature, particularly of the GeoJSON variety, using this new library. I'm not sure that it's actually different from what is in the docmentation at Mapbox, but I had my 'Ah ha!' moment with the aforementioned example. Coming from LeafletJS/MapboxJS, mapbox-gl.js has a bit of a learning curve. There's so much styling that can be done with this new library that isn't possible when using pre-rendered tiles. It's exciting, but also means thinking differently about what I'm doing when I'm adding data to a webmap. Next steps are to add some markers and those sweet, smooth transitions when clicking between locations.

franklin_line.geojson

{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"OBJECTID":58,"OBJECTID_1":0,"NAME":"FRANKLIN","NAME2":"Franklin","ADDNAME":"BLUEGRASS","SEAT":"Frankfort","SEAT2":"FRANKFORT","POP70":34481,"POP80":41830,"POP90":43781,"POP00":47687,"CH70_80":21.3131,"CH80_90":4.6641,"CH90_00":8.9216,"POP70SQ":162.6616,"POP80SQ":197.33,"POP90SQ":206.5337,"POP00SQ":224.96,"CHSQ70_80":21.3132,"CHSQ80_90":4.6641,"CHSQ90_00":8.9216,"MILES_SQ":211.979835,"FIPS_NO":73,"FIPS_TXT":"073","SMIS":37,"SP_ZONE":"NORTH","REGION":"BLUEGRASS REGION"},"geometry":{"type":"LineString","coordinates":[[-84.87047984,38.3567502],[-84.87008557,38.35633258],[-84.86042937,38.35654475],[-84.85959509,38.35661055],[-84.8592627,38.35669869],[-84.85827486,38.35705513],[-84.85798821,38.35710788],[-84.85776042,38.35705467],[-84.85706343,38.35672608],[-84.85617571,38.3563047],[-84.85590401,38.3561372],[-84.85582421,38.35595606],[-84.85545804,38.35566976],[-84.85518639,38.35549813],[-84.85474521,38.35535474],[-84.85415288,38.35516833],[-84.85371783,38.35509297],[-84.85282693,38.3550807],[-84.85271053,38.35504755],[-84.85224466,38.35492594],[-84.85172592,38.35485335],[-84.85141004,38.35487499],[-84.85071095,38.35500634],[-84.8504671,38.35497905],[-84.85009824,38.35491379],[-84.84931275,38.35469637],[-84.84901355,38.35463712],[-84.84878479,38.35466418],[-84.84849223,38.35477595],[-84.84778213,38.35494768],[-84.84653722,38.3552224],[-84.84623968,38.35531143],[-84.84592849,38.35537772],[-84.84472877,38.35537818],[-84.84446857,38.35540984],[-84.84313574,38.35573674],[-84.842488,38.35580112],[-84.84206483,38.35589673],[-84.84153675,38.35587417],[-84.84140909,38.35590272],[-84.84125853,38.35609379],[-84.84092675,38.35641252],[-84.84069731,38.35649384],[-84.84055971,38.35648182],[-84.84016047,38.35633524],[-84.8399068,38.35625848],[-84.83982642,38.35627021],[-84.83973322,38.35633609],[-84.83933055,38.35674769],[-84.83893082,38.35691622],[-84.83862521,38.35695575],[-84.83841634,38.35692462],[-84.83813919,38.3567756],[-84.83784112,38.3566257],[-84.837504,38.35638967],[-84.83679783,38.35596199],[-84.83656414,38.35568281],[-84.83641156,38.35533358],[-84.83645138,38.35479769],[-84.83641864,38.35462171],[-84.83633276,38.3545208],[-84.83531496,38.35391222],[-84.8351272,38.35386822],[-84.83489014,38.35372355],[-84.83483066,38.35359678],[-84.83471422,38.35328831],[-84.83460398,38.35317764],[-84.83432094,38.35308275],[-84.83418322,38.3530803],[-84.83388823,38.35310619],[-84.8335781,38.35308249],[-84.83313083,38.35301518],[-84.83285287,38.35293408],[-84.8327375,38.35281443],[-84.83272498,38.35270173],[-84.83277413,38.35253599],[-84.83304419,38.35213507],[-84.83309428,38.35189308],[-84.83307295,38.35164511],[-84.83293749,38.35146212],[-84.8327054,38.35133604],[-84.83246326,38.35117834],[-84.83229499,38.35096831],[-84.83203812,38.35073357],[-84.83172919,38.35061996],[-84.83138389,38.35062209],[-84.83096084,38.35070944],[-84.83051613,38.35085841],[-84.83029615,38.35087728],[-84.83019586,38.35081198],[-84.83002075,38.35059229],[-84.82983663,38.35039522],[-84.82938514,38.35024751],[-84.82920497,38.35015414],[-84.8285041,38.34973125],[-84.82814476,38.34960696],[-84.82768644,38.34958555],[-84.82774998,38.34952354],[-84.82785201,38.34931355],[-84.82777988,38.3485324],[-84.8276563,38.34837287],[-84.82713905,38.34818757],[-84.82684077,38.34819967],[-84.82548686,38.34826946],[-84.82466426,38.34823626],[-84.82408635,38.34830175],[-84.82373917,38.34845352],[-84.82351956,38.34858432],[-84.82332334,38.34893637],[-84.82308753,38.34924758],[-84.82280299,38.34940873],[-84.8221468,38.34959514],[-84.82185033,38.3495983],[-84.82171227,38.34948808],[-84.82132406,38.34916097],[-84.82101225,38.34886197],[-84.82076689,38.34882158],[-84.82000287,38.34870851],[-84.81983505,38.34860627],[-84.81960904,38.34828178],[-84.81938627,38.34811117],[-84.81844874,38.34779142],[-84.81792004,38.34796233],[-84.81753186,38.34804918],[-84.81704788,38.34799114],[-84.81589574,38.34796081],[-84.81573282,38.34802064],[-84.81557566,38.34817523],[-84.81490655,38.34868965],[-84.81479182,38.34880068],[-84.81478194,38.3490299],[-84.81489755,38.34926218],[-84.81508806,38.3496351],[-84.81438079,38.34986089],[-84.81416368,38.34979325],[-84.81366415,38.34945082],[-84.81343301,38.34939201],[-84.81317885,38.34949574],[-84.81250202,38.34992912],[-84.81212995,38.34998108],[-84.81193377,38.34991429],[-84.81173351,38.34975687],[-84.81152053,38.34936592],[-84.81128627,38.34914506],[-84.81076752,38.34894184],[-84.81039725,38.34885376],[-84.80993927,38.34894422],[-84.80948384,38.34924198],[-84.80894913,38.3493311],[-84.80875946,38.34930488],[-84.80861948,38.34920352],[-84.80842837,38.34888001],[-84.80797051,38.34855163],[-84.80770475,38.3484747],[-84.80702785,38.34850225],[-84.80674086,38.34844713],[-84.80642018,38.34830178],[-84.80555075,38.34770855],[-84.80539347,38.34746699],[-84.8052236,38.34711686],[-84.80509427,38.34687143],[-84.80466826,38.34664215],[-84.80436147,38.34663696],[-84.80396213,38.34677797],[-84.80379932,38.34682883],[-84.80338438,38.34682552],[-84.80301114,38.34656646],[-84.8027828,38.34628725],[-84.80226625,38.34592131],[-84.80201886,38.34563306],[-84.80189688,38.34522561],[-84.80171539,38.34442433],[-84.801321,38.34418298],[-84.8008648,38.34413812],[-84.80044222,38.34418897],[-84.80004852,38.34416317],[-84.79992112,38.34403512],[-84.79975862,38.34379283],[-84.79955998,38.34364983],[-84.79919552,38.34352127],[-84.79888743,38.3433485],[-84.79852748,38.3430037],[-84.79838279,38.34232975],[-84.7983766,38.34199673],[-84.79822432,38.34177718],[-84.79773142,38.34160157],[-84.79734474,38.34144123],[-84.79717241,38.34128469],[-84.796719,38.34022172],[-84.79649614,38.34006405],[-84.79567511,38.3399181],[-84.7951379,38.33926843],[-84.79407107,38.33872156],[-84.79340929,38.33866813],[-84.7932154,38.33856084],[-84.79317412,38.33851935],[-84.78984127,38.3392812],[-84.76239978,38.34567675],[-84.75196377,38.34804991],[-84.74622346,38.34948025],[-84.74059134,38.35241338],[-84.74002864,38.34425646],[-84.73945945,38.33404532],[-84.73903457,38.3284325],[-84.7386449,38.32229276],[-84.73812193,38.31609205],[-84.73792117,38.30928104],[-84.73776789,38.29763155],[-84.73734975,38.29180658],[-84.7363565,38.28044299],[-84.73592372,38.2756951],[-84.73490055,38.26337478],[-84.73450824,38.25937142],[-84.73359055,38.24776529],[-84.73203936,38.22874482],[-84.73031109,38.20836463],[-84.72516594,38.19542478],[-84.7495383,38.18605436],[-84.75511223,38.18388581],[-84.75761828,38.18292025],[-84.76275461,38.18091861],[-84.76805496,38.17885705],[-84.7743356,38.1764442],[-84.78059665,38.1740302],[-84.78881718,38.17084704],[-84.79690948,38.16770969],[-84.80362369,38.16510997],[-84.80654399,38.16401558],[-84.81443592,38.16092761],[-84.82227261,38.15788811],[-84.83023599,38.15481816],[-84.83770951,38.15192858],[-84.84610526,38.14865838],[-84.85395858,38.14561211],[-84.86480219,38.14137178],[-84.86516492,38.1383865],[-84.86571971,38.13605351],[-84.8660011,38.13462614],[-84.86598463,38.13222848],[-84.86547242,38.12681712],[-84.86512667,38.12405377],[-84.86485053,38.12345368],[-84.86375887,38.12200982],[-84.86336708,38.12134092],[-84.86336026,38.12104289],[-84.86348694,38.12033803],[-84.86370655,38.11956245],[-84.86490269,38.11693495],[-84.86649109,38.11695506],[-84.8671803,38.11702614],[-84.86770793,38.117234],[-84.86863436,38.11752105],[-84.86890754,38.11749905],[-84.86915452,38.11734092],[-84.86957662,38.11706941],[-84.86982589,38.11701088],[-84.87018717,38.11703074],[-84.87077112,38.11718131],[-84.87141923,38.1173461],[-84.87190056,38.11735449],[-84.87235233,38.11722326],[-84.87270839,38.11695058],[-84.87338031,38.11613786],[-84.87335149,38.11593031],[-84.87323968,38.11583336],[-84.87302,38.11559554],[-84.87298787,38.11551842],[-84.87323906,38.11544609],[-84.87331138,38.11535738],[-84.87320128,38.11526045],[-84.8729445,38.11522007],[-84.87201971,38.11537871],[-84.87139274,38.11534039],[-84.87112178,38.11517772],[-84.87103768,38.11494225],[-84.87111821,38.11445678],[-84.87129334,38.11405504],[-84.87130623,38.1137036],[-84.87139821,38.11342141],[-84.87147744,38.11304439],[-84.87157523,38.11286111],[-84.87173952,38.11263917],[-84.87319162,38.11168737],[-84.87369106,38.11148923],[-84.87414605,38.11122756],[-84.87430856,38.11100499],[-84.8744286,38.11055682],[-84.87463291,38.11033037],[-84.87499662,38.11014357],[-84.87556693,38.11012173],[-84.87596863,38.11010206],[-84.87621888,38.10995831],[-84.87713703,38.10932593],[-84.87743626,38.109151],[-84.87800153,38.10896774],[-84.87841519,38.10867277],[-84.87872577,38.10827342],[-84.87875331,38.10800311],[-84.87850199,38.10765178],[-84.87796244,38.10727707],[-84.87759719,38.10700934],[-84.87708545,38.10634229],[-84.87697903,38.10593505],[-84.87701634,38.10557489],[-84.87727847,38.10530491],[-84.87752891,38.1051427],[-84.87783203,38.10508036],[-84.87853751,38.10508903],[-84.8804474,38.10508729],[-84.88071491,38.10494785],[-84.88087894,38.10474374],[-84.88095641,38.10436671],[-84.88085831,38.1039904],[-84.8805406,38.10352122],[-84.88044799,38.10326718],[-84.88050999,38.10287629],[-84.8807002,38.10251033],[-84.88092603,38.1023699],[-84.88132304,38.10215654],[-84.88245361,38.10177143],[-84.88311876,38.10151267],[-84.88417804,38.10127945],[-84.88448582,38.10111827],[-84.88465613,38.10096849],[-84.88517116,38.10032],[-84.8854927,38.0997216],[-84.88554008,38.09923582],[-84.88564774,38.0990938],[-84.8856904,38.0988648],[-84.88592955,38.09788199],[-84.88610288,38.09762442],[-84.88642706,38.09739128],[-84.88683167,38.09726311],[-84.88720419,38.0970585],[-84.88743593,38.09700388],[-84.88923462,38.09698676],[-84.89028007,38.09688797],[-84.89079238,38.09691507],[-84.8918421,38.09705109],[-84.89237311,38.09696157],[-84.8927365,38.09679255],[-84.89295483,38.09669734],[-84.89325172,38.09671598],[-84.89352187,38.09694653],[-84.8938246,38.09706],[-84.89596836,38.09680567],[-84.90208317,38.09589196],[-84.90226432,38.09343527],[-84.90348732,38.09345708],[-84.90419705,38.09353703],[-84.90477513,38.09358372],[-84.90612475,38.09347254],[-84.90657632,38.09348947],[-84.90779581,38.09366435],[-84.90804456,38.09379519],[-84.90833826,38.09409323],[-84.90863414,38.09435485],[-84.90901167,38.09477154],[-84.90957709,38.09501175],[-84.91041059,38.09521545],[-84.91131596,38.09520472],[-84.91171002,38.09523911],[-84.91320021,38.09545014],[-84.91339223,38.09552565],[-84.91386321,38.0961332],[-84.91410082,38.09632645],[-84.91541231,38.0968232],[-84.9163155,38.09716323],[-84.91696375,38.09761614],[-84.91730898,38.09781634],[-84.91747477,38.0979095],[-84.9176402,38.09803424],[-84.91789526,38.09821871],[-84.91808079,38.09840672],[-84.91827939,38.09867181],[-84.91866221,38.09924161],[-84.91884966,38.09941593],[-84.91911881,38.09958742],[-84.91999079,38.09977415],[-84.95813316,38.109824],[-84.96739166,38.11926647],[-84.97879574,38.12259036],[-84.98900857,38.12537892],[-84.99121834,38.12601995],[-84.99166517,38.12618077],[-84.99203514,38.12620988],[-84.99225671,38.12613235],[-84.99244781,38.12596952],[-84.99281473,38.125448],[-84.99317118,38.12493191],[-84.99353814,38.1244063],[-84.99378205,38.12418539],[-84.99410231,38.12414075],[-84.99436034,38.12423991],[-84.99477556,38.12459891],[-84.99526583,38.12527347],[-84.99549486,38.1259945],[-84.99557023,38.12711753],[-84.99574721,38.12732325],[-84.99607475,38.12741872],[-84.9966235,38.12747785],[-84.99805282,38.12743479],[-84.99885175,38.12750647],[-84.99946849,38.12771565],[-85.00021472,38.1280074],[-85.00074297,38.12802993],[-85.00122598,38.12788062],[-85.00145831,38.12760057],[-85.00135397,38.12726554],[-85.00149288,38.12727671],[-85.0022293,38.12751001],[-85.00268741,38.12759465],[-85.00344166,38.12795436],[-85.00399195,38.12803131],[-85.00450878,38.12814785],[-85.00491766,38.12828569],[-85.00571192,38.12864632],[-85.00667205,38.12927989],[-85.00732764,38.12960603],[-85.02370531,38.12904462],[-85.02383659,38.1291278],[-85.02396856,38.1293195],[-85.02420172,38.13000337],[-85.02426209,38.13058593],[-85.02411494,38.13087203],[-85.02326256,38.13145657],[-85.0229841,38.1316684],[-85.02288156,38.13183803],[-85.02282939,38.13201691],[-85.02288536,38.13216208],[-85.02314426,38.13287843],[-85.02310492,38.13334228],[-85.02291461,38.13377573],[-85.0225667,38.13415325],[-85.02218007,38.1343946],[-85.02185221,38.13449697],[-85.020783,38.13450134],[-85.02034586,38.13457966],[-85.02006985,38.1347146],[-85.01976464,38.13498871],[-85.01874321,38.13630544],[-85.01870564,38.13658876],[-85.01875924,38.13697288],[-85.01884843,38.13726727],[-85.01913509,38.13763707],[-85.01937308,38.13800998],[-85.01935273,38.1383071],[-85.01897643,38.13890898],[-85.01892361,38.13915171],[-85.01895261,38.14008907],[-85.01899954,38.14026169],[-85.01917239,38.14054356],[-85.01962444,38.14106469],[-85.0199955,38.14152151],[-85.01998096,38.14193133],[-85.01986882,38.14219562],[-85.01971191,38.1424178],[-85.01949632,38.14259019],[-85.01906682,38.14277222],[-85.01880984,38.14291204],[-85.0185928,38.14288118],[-85.01828712,38.14302074],[-85.01806852,38.14315186],[-85.01795351,38.14334819],[-85.01793464,38.14350121],[-85.01798212,38.14361888],[-85.01807605,38.14379179],[-85.01847055,38.14433458],[-85.0184754,38.14455089],[-85.01839226,38.14468905],[-85.01815801,38.14482078],[-85.01740648,38.14520887],[-85.0166962,38.14564317],[-85.01667452,38.14659805],[-85.01654383,38.14680256],[-85.01633178,38.14696602],[-85.01544438,38.14737931],[-85.01489531,38.14768963],[-85.01359596,38.14877595],[-85.0124515,38.14984741],[-85.01249515,38.15017656],[-85.00604143,38.15783121],[-85.0055687,38.15849423],[-85.00534784,38.1586617],[-85.00473004,38.15904781],[-85.00432798,38.15942839],[-85.00380189,38.16019882],[-85.00378887,38.1604555],[-85.00383553,38.16065903],[-85.00409808,38.16100602],[-85.00472265,38.16167456],[-85.00514264,38.16210495],[-85.00553672,38.16234635],[-85.00593082,38.16241615],[-85.00908868,38.1624607],[-85.00956202,38.16260373],[-85.00981754,38.16279275],[-85.00994785,38.16332224],[-85.0101077,38.16403245],[-85.01035269,38.16491967],[-85.01030809,38.16520706],[-85.01007808,38.16542392],[-85.00974961,38.16557154],[-85.00930447,38.16555986],[-85.0087609,38.16548298],[-85.00753833,38.16512378],[-85.00670918,38.16490297],[-85.00621346,38.16490812],[-85.00594592,38.16505198],[-85.00566467,38.16534885],[-85.00514519,38.16632257],[-85.00484394,38.16670514],[-85.00451246,38.16697428],[-85.00418407,38.16711295],[-85.00373867,38.16713211],[-85.00339165,38.16722123],[-85.00322921,38.16745705],[-85.00321729,38.16760527],[-85.00331446,38.1678009],[-85.00352937,38.16804325],[-85.00386383,38.16816619],[-85.00435769,38.16817892],[-85.00533171,38.16800653],[-85.00574713,38.16803112],[-85.00621869,38.16818377],[-85.00715932,38.16821781],[-85.00839703,38.16828328],[-85.00905783,38.16846591],[-85.00931029,38.16878536],[-85.00929679,38.16909219],[-85.00915337,38.16934603],[-85.00893434,38.16950463],[-85.00836695,38.16971595],[-85.00642856,38.17030932],[-85.00597885,38.1705722],[-85.00575565,38.17097382],[-85.00569964,38.17152685],[-85.00582956,38.17209268],[-85.00616083,38.17287745],[-85.00656939,38.17341624],[-85.00710258,38.17384459],[-85.00795517,38.17416027],[-85.00850241,38.17439988],[-85.00884813,38.17479272],[-85.00896461,38.17531798],[-85.00888782,38.17586126],[-85.00876796,38.17601702],[-85.00859335,38.17608184],[-85.00824739,38.17606251],[-85.00772831,38.17595905],[-85.0074779,38.17577894],[-85.00103064,38.2261513],[-84.99995125,38.25008538],[-84.99889615,38.27497849],[-84.95695675,38.3322696],[-84.99766471,38.33558474],[-84.9939104,38.3372147],[-84.98131077,38.34261696],[-84.90625344,38.37483482],[-84.89235459,38.35519897],[-84.8922376,38.35521461],[-84.89204928,38.35521599],[-84.89176199,38.35517958],[-84.89142639,38.35509686],[-84.89113127,38.35498346],[-84.89089896,38.35486648],[-84.89073745,38.35480968],[-84.89058281,38.35476601],[-84.89046437,38.35475481],[-84.89029697,38.35475225],[-84.89000387,38.35476936],[-84.88978192,38.3548103],[-84.88964929,38.35481688],[-84.88946674,38.35477301],[-84.88930524,38.3547162],[-84.8891653,38.35460537],[-84.88904329,38.35445],[-84.88884675,38.35425702],[-84.88864796,38.35410937],[-84.88850744,38.35404858],[-84.88834043,38.35401376],[-84.88806033,38.35396364],[-84.88783586,38.35392354],[-84.88761974,38.35391101],[-84.88731142,38.35388747],[-84.88703239,38.35388683],[-84.88678843,38.35387337],[-84.88662855,38.35382965],[-84.88641119,38.35377657],[-84.88620782,38.35372293],[-84.88603116,38.35362072],[-84.88586151,38.35351442],[-84.88572154,38.35340768],[-84.88550266,38.35318775],[-84.88533237,38.35299086],[-84.88523838,38.35282675],[-84.88518091,38.35267257],[-84.88520702,38.35252929],[-84.88518466,38.35235335],[-84.8851523,38.35214098],[-84.88508921,38.35201763],[-84.88497564,38.3518939],[-84.88485472,38.35179758],[-84.88465161,38.35171715],[-84.88446206,38.35167321],[-84.88434421,38.35161673],[-84.88407675,38.35152621],[-84.88395113,38.35152875],[-84.88386577,38.35196888],[-84.88365495,38.35284336],[-84.88350946,38.35349451],[-84.88322108,38.35488125],[-84.8831682,38.35507862],[-84.88307323,38.3552976],[-84.88295196,38.35552534],[-84.88275162,38.35580533],[-84.88242404,38.35622311],[-84.88225084,38.35642229],[-84.88204474,38.35659449],[-84.88180828,38.35668474],[-84.88168395,38.35673191],[-84.88138323,38.35679903],[-84.88116123,38.35684409],[-84.88097252,38.35687223],[-84.88074917,38.35688641],[-84.88043693,38.35689441],[-84.8800811,38.35690141],[-84.87971141,38.35690351],[-84.87937486,38.35690238],[-84.87861341,38.35685217],[-84.87710458,38.35674428],[-84.87690249,38.35672697],[-84.87571255,38.3566379],[-84.8726606,38.35651924],[-84.87210006,38.35658576],[-84.87152056,38.35663364],[-84.87047984,38.3567502]]}}]}

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title>My first mapbox-gl.js map</title>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.8.1/mapbox-gl.js'></script>

    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.8.1/mapbox-gl.css' rel='stylesheet' />
    <style>
        body { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%;}
    </style>
</head>
<body>

<div id='map'></div>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoibWFwdGFzdGlrIiwiYSI6IjNPMkREV1kifQ.2KGPFZD0QaGfvYzXYotTXQ';
var map = new mapboxgl.Map({
  container: 'map', // container id
  style: 'https://www.mapbox.com/mapbox-gl-styles/styles/outdoors-v7.json', 
  center: [38.200905, -84.873284],
  zoom: 9
});


map.on('style.load', function() {
  map.addSource("countyBounds", {
    "type": "geojson",
    "data": "franklin_line.geojson"
  });
  map.addLayer({
    "id": "county-bounds-line",
    "type": "line",
    "source": "countyBounds",
    "interactive": true,
    "paint": {
      "line-color": "red"
    }
  });

});
</script>

</body>
</html>