Building

import React, { useState } from "react";
import { MFBuilding, MFMap } from "react-map4d-map";
 
const DemoBuilding = () => {
  const [position, setPosition] = useState({ lat: 16.103254, lng: 108.214835 });
 
  const onMapReady = (map) => {
    map.setMapType(map4d.MapType.map3d);
  };
 
  return (
    <>
      <div style={{ width: "100%", height: "400px" }}>
        <MFMap
          onMapReady={onMapReady}
          options={{
            center: { lat: 16.103254, lng: 108.214835 },
            zoom: 18,
            tilt: 50,
            bearing: 250,
            controls: true,
          }}
          accessKey={"Your key"}
          version={"2.4"}
        >
          <MFBuilding
            name="test"
            model={
              "https://hcm03.vstorage.vngcloud.vn/v1/AUTH_b32b6bc102c44269ab7b55e7820e7116/sdk/models/5db6b4798b4711141457d8a9.obj"
            }
            texture={
              "https://hcm03.vstorage.vngcloud.vn/v1/AUTH_b32b6bc102c44269ab7b55e7820e7116/sdk/textures/5db6b4798b4711141457d8ab.jpg"
            }
            position={position}
          />
        </MFMap>
      </div>
    </>
  );
};
 
export default DemoBuilding;