Insert Baidu Map in the Web page (article about this content from Baidu Map | API)

Method/Step

1. 1

   Open "Baidu map Generator" URL:/http Api.map.baidu.com/lbsapi/creatmap/index.html

   Such as:

2. 2

   In " 1. Locate center point, switch cities, and find specific locations, such as:

3. 3

   In "2. Set map", you can modify the appearance of the map as you like:

   1, the width and height of the map

   2, the buttons displayed on the map (zoom, thumbnail, scale bar)

   3, mouse and keyboard actions on the map

   such as:

4. 4

   In" 3. Add Callout ", you can add the location and information you want to label, such as:

5. 5

   In" Step two to get the code ", click on the" Get Code "button to generate code based on the above settings, such as:

6. 6

   Save the code generated in the previous step as an HTML file (I'll save it here as map.html) and open it in the browser to see your own defined Baidu map.

    

   If you want to add a map to an existing Web page, you can use the IFRAME label, such as:

   <iframe src= "map.html" width= "" height= "300" Frameborder= "0" scrolling= "no" ></IFRAME>

   .

    

   Complete example in Baidu Network disk, need to send e-mail to [email protected]

   The

   Theme writes "Baidu Experience". Automatic reply.

Insert Baidu Map in the Web page (article about this content from Baidu Map | API)