iMapBuilder Flash | Custom Map | Blog | Contact Us           

Embed HTML5 Maps to Yahoo! Site Builder

Follow the steps below to embed the HTML5 maps to Yahoo! Site Builder.

  1. After creating the HTML5 Maps, publish the map project and then upload the map files to the server or web hosting.
  2. In the Publishing window, check the Use full path for the embed code and type the URL of the HTML5 map has been saved (For example: http://www.example.com).
  3. Click the Copy to Clipboard to copy the map embed code.
  4. Open the Yahoo! Site Builder, and then open an existing site or create a new site.
  5. Open the page tap that you want to embed the HTML5 map.
  6. Select the Insert menu at the top > select Code Elements > select HTML.
  7. A HTML Code window will be popped up.
  8. Paste the HTML5 map embed code in the window and then click the OK button.
  9. Square-shaped resize handles will appear. Drag the image to the desired size and to the desired location, and then release the mouse button to confirm the editing.
  10. Select Preview in Browser to preview the website with the embedded interactive HTML5 map.
    * If you do not have a FTP hosting server, please try our Instant Sharing which can upload the map to our cloud server.

iMapBuilder for Windows

Download Free Trial