Color Admin | Nextjs Version

jVectorMap

jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML. No Flash or any other proprietary browser plug-in is required. This allows jVectorMap to work in all modern mobile browsers. Please read the official documentation for the full list of options.

const { default: JsVectorMap } = await import('jsvectormap');
await import('jsvectormap/dist/maps/world.js');

new JsVectorMap({
  selector: '#jvectorMap',
  map: 'world',
  markers: mapMarkers,
});

Google map

Google Maps is a web mapping service developed by Google. It offers satellite imagery, aerial photography, street maps, 360° interactive panoramic views of streets, real-time traffic conditions, and route planning for traveling by foot, car, bicycle and air, or public transportation. Please read the official documentation for the full list of options.

<iframe
  id="googleMapDefault"
  title="Google map"
  src={googleMapUrl}
  style={{ height: '300px', width: '100%', border: 0 }}
  loading="lazy"
  allowFullScreen
/>

Map page header description goes here...

jVectorMap

Google map