🚀 Is building a website too difficult? Let me guide you step by step—Learn about the 「Naibabiji WordPress Website Building Coaching Service」 →

How to Insert Baidu Map Location Information When Building Your Own Corporate Website

Afterbuilding a corporate website using WordPressit's common to include contact information and a company map on the site. This article shares two methods for inserting a Baidu Map into a website.

Method One: Baidu Map Generator

1. Open the Baidu Map Generator webpage.Map Address2. Fill in the necessary information on the left, locate the position you want to display on the map, and click the 'Get Code' button.百度地图调用3. Copy the obtained map code and save it as an HTML file, for example, baidumap.html百度地图调用4. Upload the baidumap.html file to your website's root directory or another folder. 5. Where the webpage needs to call the Baidu Map, insert the following code to reference it.
<iframe src="baidumap.html" width="600" height="600" frameborder="0" scrolling="no"></iframe>
 

Method 2: Generate using the plugin API

The display effect is as follows:百度地图调用1. Install the WordPress Baidu Map pluginJoin Group to DownloadGroup 774633089 shared files > WordPress Plugins > CJ11.baidumap.zip 2. In theBaidu Map Open Platformcreate an application, as shown below:百度地图调用3. Modify the built-in AK information in the plugin to the one you applied for.百度地图调用4. When publishing a post, click the map button to insert the map, as follows:百度地图插入When inserting a Baidu Map, you also need to fill in latitude and longitude coordinates, which you canget from here. Alright, the above are two methods for inserting Baidu Map location information into a website. If you still have questions, feel free to join the group for discussion.

🚀 Still feeling confused after reading the tutorial? Let me guide you step-by-step.

「Naibabiji WordPress Website Building Coaching Service」—From choosing a domain and buying hosting, to installing a Theme and publishing content, I「ll coach you through every step, helping you avoid detours and reach your goal directly.

👉 Learn about the Website Building Coaching Service
🔒

Comments are closed

The comment function for this article is closed. If you have any questions, please feel free to contact us through other channels.

×
二维码

Scan QR Code to Follow

AI Website Building Assistant

🤖
Hello! I am the Naibabiji AI Assistant. How can I help you?
Quick Consultation: