mirror of
https://github.com/quentin-g-dev/afup.git
synced 2026-03-25 17:52:13 +01:00
63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Minimal example</title>
|
|
<style type="text/css">
|
|
body {
|
|
color: #5d5d5d;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 30px;
|
|
margin: auto;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.container {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
}
|
|
</style>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js" charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"
|
|
charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js" charset="utf-8"></script>
|
|
<script src="../../js/jquery.mapael.js" charset="utf-8"></script>
|
|
<script src="../../js/maps/france_departments.js" charset="utf-8"></script>
|
|
<script src="../../js/maps/world_countries.js" charset="utf-8"></script>
|
|
<script src="../../js/maps/usa_states.js" charset="utf-8"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$(".mapcontainer").mapael({
|
|
map: {
|
|
// Set the name of the map to display
|
|
name: "france_departments"
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
|
|
<h1>Minimal example</h1>
|
|
|
|
<div class="mapcontainer">
|
|
<div class="map">
|
|
<span>Alternative content for the map</span>
|
|
</div>
|
|
</div>
|
|
|
|
<p><b>All example for jQuery Mapael are available <a href="http://www.vincentbroute.fr/mapael/">here</a>.</b></p>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |