Experiencing an issue?

Adding a Baidu Map

Help your website visitors find a location by inserting a Baidu map.

Baidu maps are part of a mapping service provided by the multinational technology company Baidu. Google Maps are not accessible in China.

 

1  Inserting a Baidu map

To place a Baidu map on a webpage with the Map Component, click PUBLISH on the top menu bar. A popup window displays. Click Website Content > Manage.

mceclip0.png

The Website Content page displays.

  1. Hover your mouse pointer on a page.
  2. Click the Edit button. The Edit Content area opens.
Untitled design.png

Drag the Map Component from the left side panel to the page. A map opens.

g-4.png

 

2  Creating a map point

  1. Hover the mouse pointer on the Map Component to display the toolbar.
  2. Click the Settings button in the left corner.
  3. Click the Location tab.
  4. Type an address, city name, or landmark in the Address field.
  5. Use the mouse to move the map until you find the correct map location.
  6. Click OK to save.

g-5.png

3  Configuring map controls

The Map Settings panel has three map controls. 

  • Zoom Level - Set the zoom level. The minimum is 5, and the maximum is 20.
  • Show Controls - Check this box to place a zoom control on the map. Uncheck the box to remove the zoom control.
  • Animate Point - Check this box to place a red location marker on the map. Uncheck the box to remove the red location marker. 

g-6.png

4  Configuring map display

The panel has three map display features.

  • Alignment - Change the display position of the map on the screen. Align left, centre, or right. This feature affects map display when map width is set to less than 100%.
  • Width - Adjust the width of the map display relative to page size. The map point location displays in the centre of the display area regardless of map width.
  • Height - Adjust the height of the map display. The maximum height is 1080 px.

5  Configuring Advanced features

Click the Advanced tab in the Settings panel.

Latitude and Longitude

The Advanced panel shows the latitude and longitude of the map point location. Change these data points to set a new map point.

ID or Class Name

To learn about custom styling with ID and Class Name selectors, see:

Component Visibility

Control which devices display the content. The default is all devices. To learn about visibility settings, see:

Related articles