.iw_poi_title {color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap: break-word}//Create and initialize map functions: function initMap(){ createMap(); Create a map setMapEvent(); Set up map events addMapControl(); Add controls to the map addMarker(); Add markers to the map } Creating a map function: function createMap(){ var map = new BMap.Map("dituContent"); Create a map in the Baidu Maps container var point = new BMap.Point(113.442771,22.735875); Define a ** point coordinate map.centerAndZoom(point,18); Set the map's ** points and coordinates, and display the map in the map container window.map = map; Store map variables globally } Map event setting function: function setMapEvent(){ map.enableDragging(); Enable map drag events, enabled by default (optional) map.enableScrollWheelZoom(); Enable the map scroll wheel to zoom in map.enableDoubleClickZoom(); Enable double-click to enlarge the mouse; enabled by default (optional) map.enableKeyboard(); Enable the up, down, left, and right keyboard keys to move the map } Map control addition function: function addMapControl(){ Add a zoom control to the map var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav);// Add an overview map control to the map var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); // Add a scale control to the map var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } // Array of marker points var markerArr = [{title:"Ali Master New Materials Co., Ltd.",content:"Address: Hengdang Industrial Zone, Huangpu Town, Zhongshan City, Guangdong Province
Service Hotline: 400-830-9488
Customer Service Email: alds-02@163.com",point:"113.442623|22.735892",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}} ]; // Create markers function addMarker(){ for(var i=0;i" json.title ""); return iw; } // Create an Icon function createIcon(json){ var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb 5,1),offset:new BMap.Size(json.x,json.h)}) return icon; } initMap(); // Create and initialize the map