Drupal7 -bing drupdrupdrupdrup

This plug-in is developed and open-source by Microsoft open Technology (China), Official Blog: http://cn.msopentech.com /? P = 874781

Preparations

You must install Drupal 7 in advance and enable CKEditor. (You can enable CKEditor through the following interface)

Download Address: https://www.drupal.org/project/ckeditor

Applicable to the CKEditor build module of Drupal 7.x. After decompression, copy the ckeditor folder to the installation directory of the Drupal module./Sites/all/modules/

 

Download the standalone CKEditor download address: http://ckeditor.com/download, unzip and load the ckeditor folder just uploaded and created:

/Sites/all/modules/ckeditor/

You must have an available Bing map key. If you do not have one, please apply for a free trial key at the Bing map key application website (English site. Official website: http://www.microsoft.com/maps/create-a-bing-maps-key.aspx

 

Install

Step 1 download and add the Bing map plug-in

Download the Bing map plug-in package. Official Download Address: http://cn.msopentech.com /? Attachment_id = 875141, as shown in the following figure. Decompress it and upload it to Drupal through the module management interface.

[Note] if you do not display the "install new module" prompt on the above page. Make sure that "Update Manager" is selected and saved.

Select the "Bing map" and "CKEditor" modules, and save the settings.

Step 2 configure relevant parameters to enable the Bing map plug-in

You can click "permission" to set user access restrictions for this plug-in. Click "set" to configure plug-in parameters.

Enter the Bing Map key and click "save configuration ".

Set "Filtered HTML" in "management> configuration> content writing> Text Format ".

 

Add to "allowed HTML tags" to display map images.

In "management> configuration> content writing> CKEditor", edit "Filtered HTML" and "Full HTML" to configure the position of the Bing map in the file.

On the editor appearance editing page, drag the Bing map to your desired location.

Select "Bing map" as the plug-in option and save it.

Step 4: return to the Drupal user interface for test and verification

When creating a new article, you can see that the Bing map logo is shown as follows.

Click the Bing map ID, enter the location of the map you want to add (for example, Tiananmen Square), and click. The map box displays the location you specified. Tip: you can use the tool option in the upper left corner of the map to zoom in and adjust the map display.

After confirming the map, click OK. The Bing map plug-in automatically inserts a map into a new article.

Success!