<!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> 
 |