สร้างโมดูลส่วนขยาย

.package(url: "https://github.com/MapConductor/ios-sdk-core", from: "1.3.1"),

.target(
    name: "MyMapExtension",
    dependencies: [.product(name: "MapConductorCore", package: "ios-sdk-core")]
    // ไม่ต้องพึ่ง ios-for-*
)

{
  "dependencies": {
    "@mapconductor/js-sdk-core": "^0.1.1",
    "@mapconductor/js-sdk-react": "^0.1.1"
  },
  "peerDependencies": { "react": "^18.0.0 || ^19.0.0" }
}

public struct MyOverlay: MapOverlayItemProtocol, View {
    let state: MyOverlayState

    public func append(to content: inout MapViewContent) {
        // เสียบเข้าเหมือน HeatmapOverlay ของ ios-heatmap ทุกประการ
        content.rasterLayers.append(RasterLayer(state: state.rasterLayerState))
    }
}

import { createRasterLayerState, TileServerRegistry, TileScheme } from '@mapconductor/js-sdk-core';
import { RasterLayer } from '@mapconductor/js-sdk-react';

const tileServer = TileServerRegistry.get();
useEffect(() => {
    tileServer.register(groupId, renderer);       // renderer วาดไทล์หนึ่งแผ่น
    return () => { tileServer.unregister(groupId); };
}, [groupId, tileServer, renderer]);

const state = useRef(createRasterLayerState({
    id: `my-ext-${groupId}`,
    source: {
        kind: 'urlTemplate',
        template: tileServer.urlTemplate(groupId, renderer.tileSize),
        tileSize: renderer.tileSize,
        scheme: TileScheme.XYZ,
    },
})).current;

return <RasterLayer state={state} />;

// นิยามคีย์เป็นชนิดที่สอดคล้องกับ MapServiceKey
public enum MyCapabilityKey: MapServiceKey {
    public typealias Value = any MyCapability
}

// รีจิสทรีมองเห็นได้เฉพาะตอนกำลังประกอบ content
guard let capability = MapServiceRegistryScope.current.get(MyCapabilityKey.self) else { return }

import { createMapServiceKey } from '@mapconductor/js-sdk-core';
import { useMapServiceRegistry } from '@mapconductor/js-sdk-react';

export const MyCapabilityKey = createMapServiceKey<MyCapability>();

const services = useMapServiceRegistry();
const capability = services.get(MyCapabilityKey);
if (!capability) return null;   // ปิดการทำงานอย่างเงียบ ๆ กับผู้ให้บริการที่ยังไม่ลงทะเบียน

// หนึ่งรีจิสทรีต่อหนึ่งแผนที่ เก็บอยู่ใน state
state.serviceRegistry.put(MyCapabilityKey, myCapability);

// ตอน unmount ให้ใช้ remove() ไม่ใช่ clear() เพื่อไม่ให้ capability อื่นหลุดไปด้วย
state.serviceRegistry.remove(MyCapabilityKey);