Add custom 3D Maps to your website

With plugin – without code.

The easiest way to show your 3D terrain on your WordPress website is with the WordPress plugin. The 3D map can be imported with one click and insert on every page via shortcode.

Embed with iFrame

To embed the 3D map into your own website, you will get a ready-made code snippet with instructions and some examples. The 3D map can easily be embedded via iFrame.

All the settings made in the preview will be saved in the code and the 3D map will appear on your website in the exact same manner. The user is able to drag, zoom and rotate the 3D map.

You should be a little skilled in basics of website programming or ask a programmer to embed the map correctly.

How to embed 3D map in WordPress

3D Map Setting Options

• Map height
• Map position
• Rotation speed
• Mesh resolution
• Light
• Water level and waves
• Map edge texture and color
• Background

Embed with a 3D model viewer

Another easy way to present the 3D map on your own website is with the aid of a 3D model viewer. The 3D map is used here as a glTF file (3D file). There are a few free viewers online available for download. In the following example we use the Babylon.js viewer.

However not all map settings can be displayed. Position, rotation, background and water are not saved in a glTF file.

You should be a little skilled in basics of website programming or ask a programmer to embed the map correctly.

How to embed 3D map as glTF (3D file)

3D Map Setting Options

• Map height
• Mesh resolution
• Map edge and edge color