.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 mapvar 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 markers 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 marker 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