Add Images to Infobox

Using Rich Text Editor

1. For region and most overlays, you can find infobox properties in properties panel

2. Select "Rich Text Editor" mode
3. Click on the textarea to popup the infobox wizard
4. In this infobox wizard, we provide different layout of infobox content.

5. Choose the appropriate layout
6. Click Browse in image section and insert image
7. You can resize the image if necessary, simply fill in the dimension and click Resize Image
8. Fill in the description field and format it using the toolbar e.g. bold, italic, underline, color, font etc

9. Click "Ok" to confirm update and back to main screen
10. A live preview will be shown in infobox section

11. Switch to Preview mode, and mouseover the overlay (e.g. marker), an infobox with image will be shown

Using HTML Code Editor

1. If you are familiar with html code, you may insert your own html code to create flexible layout
2. Select "HTML Code Editor" mode
3. Paste your code into the textarea of the infobox

Change Infobox Style

1. You can change the size and background color of the infobox, please go to infobox style section

[ Top of Page ]