Embed your 3D map via iFrame and code snippet

To show your 3D map on a WordPress website or blog, the complete 3D map folder of the download has to be uploaded via FTP client. That can be done with the free software Filezilla for example. Now, with the aid of an iFrame, the link can be inserted in any site or post.

Embed via iFrame in WordPress Page

how-to-embed-3d-map-in-wordpress-filezilla

1. Upload your 3D-Map folder to your website via FTP client

(Click on the picture to enlarge)

how-to-embed-3d-map-in-wordpress-code-snippet

2. Copy the iFrame Code Snippet of the read_me.html and insert the URL to your 3D map.

how-to-embed-3d-map-in-wordpress-new-page

3. Insert the complete iFrame snippet into your WordPress page or post. Necessarily use the text editor.

Embed your 3D map as glTF model

To show your 3D Map on a website or blog you can embed the map as glTF model by using a viewer. The Babylon.js viewer is a simple way to display 3D Map glTF on a web page.

Example with Babylon.js Viewer

3d-print-3d-map-001

1. Download your 3D Map as .glb file

docs-embed-gltf-model-001

2. Create an HTML code with a <babylon> tag and set the model attribute to point to the .glb file

docs-embed-gltf-model-002

3. Upload the HTML and the .glb to your website via FTP client