The 3D-Mapper plugin for WordPress helps you, whether you are a beginner or an experienced web designer, to easily add a custom 3D maps to your own website – all without any code! With just one click you can import the 3D maps into your WordPress website. Watch the plugin documentation.
Embed your 3D map via iFrame and code snippet
To show your 3D map on a 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
1. Upload your 3D-Map folder to your website via FTP client
(Click on the picture to enlarge)
2. Copy the iFrame Code Snippet of the read_me.html and insert the URL to your 3D map.
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
1. Download your 3D Map as .glb file
2. Create an HTML code with a <babylon> tag and set the model attribute to point to the .glb file
3. Upload the HTML and the .glb to your website via FTP client