UNPKG

@bewithjonam/mapboxgl-spiderifier

Version:

Spiderify markers on mapbox-gl using marker overlays.

43 lines (42 loc) 1.6 kB
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex, nofollow"> <meta name="googlebot" content="noindex, nofollow"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <title>Basic mapbox gl spiderifier samples</title> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="#">MapboxglSpiderifier</a> </div> </div> </nav> <div class="container" style="margin-top: 100px;"> <div class="jumbotron"> <h1>MapboxglSpiderifier Examples</h1> <p>Spiderify markers on mapbox-gl using marker overlays. Below are the examples.</p> </div> <!-- Examples Row --> <div class="row"> <div class="col-md-6 col-md-offset-3"> <!-- Examples 1 --> <ol> <li> <p><a href="sample.html">Basic example: Display spiderfied image markers on click of a circle marker.</a></p> </li> <li> <p><a href="custom_markers_and_popup.html">Custom markers and popup: Display spiderfied markers with icons, custom color and popup on hover.</a></p> </li> <li> <p><a href="mapbox-gl-cluster-spiderfy.html">Spiderfy with forked mapbox-gl-js</a></p> </li> </ol> </div> </div> </div> </body> </html>