API Documentation

const response = await fetch(
  'https://api.maphighlight.com/v1/map?countries=USA,CAN,MEX&color=3498db&format=png',
  {
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY'
    }
  }
);

const blob = await response.blob();
const imageUrl = URL.createObjectURL(blob);

// Use imageUrl in <img> tag
document.getElementById('map').src = imageUrl;

import requests

url = "https://api.maphighlight.com/v1/map"
params = {
    "countries": "USA,CAN,MEX",
    "color": "3498db",
    "format": "png"
}
headers = {
    "Authorization": "Bearer YOUR_API_KEY"
}

response = requests.get(url, params=params, headers=headers)

with open("map.png", "wb") as f:
    f.write(response.content)

import { useState, useEffect } from 'react';

function MapComponent({ countries }) {
  const [mapUrl, setMapUrl] = useState('');

  useEffect(() => {
    const fetchMap = async () => {
      const params = new URLSearchParams({
        countries: countries.join(','),
        color: '3498db',
        format: 'png'
      });

      const response = await fetch(
        `https://api.maphighlight.com/v1/map?${params}`,
        {
          headers: {
            'Authorization': 'Bearer YOUR_API_KEY'
          }
        }
      );

      const blob = await response.blob();
      setMapUrl(URL.createObjectURL(blob));
    };

    fetchMap();
  }, [countries]);

  return <img src={mapUrl} alt="Map" />;
}