Get started with jquery-ui-map CDN

MIT licensed

JQuery UI Map: Interactive mapping plugin for jQuery UI.

Tags:
  • jquery
  • maps
  • gmaps
  • google maps
  • google
  • jqm
  • jquery mobile

Stable version

Copied!

How to start using jquery-ui-map CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with jquery-ui-map CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://cdn.cdnhub.io/jquery-ui-map/3.0-rc1/themes/base/jquery.ui.map.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  <script src="https://cdn.cdnhub.io/jquery-ui-map/3.0-rc1/jquery.ui.map.js"></script>
  <style>
    #map { width: 600px; height: 400px; border: 1px solid #ccc; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script>
    $(function() {
      $('#map').map({
        center: [51.5, -0.09],
        zoom: 13,
        markers: [
          { title: 'Marker 1', position: [51.6, -0.08] },
          { title: 'Marker 2', position: [51.51, -0.06] }
        ]
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions