| <!doctype html> | 
| <html> | 
|     <head> | 
|         <meta charset="utf-8" /> | 
|         <title>Baidu Maps</title> | 
|         <style> | 
|             html { height: 100% } | 
|             body { height: 100%; margin: 0; padding: 0; background-color: #FFF } | 
|         </style> | 
|         <script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script> | 
|         <script> | 
|             var map, geocoder; | 
|             function initialize() { | 
|                 map = new BMap.Map('map_canvas'); | 
|                 var point = new BMap.Point(121.473704, 31.230393); | 
|                 map.centerAndZoom(point, 11); | 
|                 map.addControl(new BMap.NavigationControl()); | 
|                 map.enableScrollWheelZoom(); | 
|   | 
|                 var gc = new BMap.Geocoder(); | 
|                 gc.getLocation(point, function(rs){ | 
|                     var addComp = rs.addressComponents; | 
|                     var address = [addComp.city].join(''); | 
|                     parent.document.getElementById("kindeditor_plugin_map_address").value = address; | 
|                 }); | 
|             } | 
|             function search(address) { | 
|                 if (!map) return; | 
|                 var local = new BMap.LocalSearch(map, { | 
|                     renderOptions: { | 
|                         map: map, | 
|                         autoViewport: true, | 
|                         selectFirstResult: false | 
|                     } | 
|                 }); | 
|                 local.search(address); | 
|             } | 
|         </script> | 
|     </head> | 
|     <body onload="initialize();"> | 
|         <div id="map_canvas" style="width:100%; height:100%"></div> | 
|     </body> | 
| </html> |