رهرو للمطورين

<script src="https://map.rasadweb.ir/sdk/v1/widget.js" async></script>

<div data-rahro-map data-lat="35.6997" data-lon="51.3380" data-zoom="15"
     data-label="..." data-lang="ar" style="height:360px"></div>

<div data-rahro-place="x3f8k2m1q9" data-lang="ar" style="height:320px"></div>

<iframe src="https://map.rasadweb.ir/embed/map?ll=35.6997,51.338&z=15&lang=ar"
        width="100%" height="360" style="border:0" loading="lazy"></iframe>
<!-- https://map.rasadweb.ir/embed/directions?from=lat,lon&to=lat,lon&to_name=...&lang=ar -->
<!-- https://map.rasadweb.ir/embed/place/{id}?lang=ar -->

<div id="map" style="height:360px"></div>
<script type="module">
  import { mountMap } from "https://map.rasadweb.ir/sdk/v1/maps.mjs";
  mountMap(document.getElementById("map"), { base: "https://map.rasadweb.ir", lat: 35.6997, lon: 51.338, zoom: 15, lang: "ar" });
</script>

<!-- web components (after widget.js) -->
<rahro-map lat="35.6997" lon="51.338" zoom="15" lang="ar"></rahro-map>
<rahro-directions to-lat="35.7" to-lon="51.4" to-name="..." lang="ar"></rahro-directions>
<rahro-place-card place="x3f8k2m1q9" lang="ar"></rahro-place-card>

// Node 18+ — sign on your server, never in the browser.
import { createHash, createHmac } from "node:crypto";

const secret = createHash("sha256").update(process.env.RAHRO_SECRET_KEY).digest("hex");
const query = new URLSearchParams({
  ll: "35.6997,51.338", z: "15", w: "600", h: "400",
  key: "pk_...",               // your publishable (or secret) key
  skid: "<secret key id>",     // id of the secret key, shown on the keys page
}).toString();
const canonical = query.split("&").sort().join("&");
const sig = createHmac("sha256", secret).update(canonical).digest("base64url");
const url = `https://map.rasadweb.ir/v1/static/map?${query}&sig=${sig}`;

GET https://map.rasadweb.ir/oembed?url=https%3A%2F%2Fmap.rasadweb.ir%2Fplace%2Fx3f8k2m1q9&maxwidth=600