【常用】网页调用百度地图美化版

<div id="ContactMap" style="width:800px;height:500px;"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=q627l8eVgZV1rm9hlenGTpKt"></script>
<script type="text/javascript" src="map.js"></script>

/* 百度地图API功能 */
var map = new BMap.Map("ContactMap");  // 创建Map实例  
map.setMapStyle({
    styleJson:[
        {
            "featureType": "all",
            "elementType": "all",
            "stylers": {
                "lightness": 10,
                "saturation": -100
            }
        }
    ]
});
var pt = new BMap.Point(120.207013,30.273802);    // 设置地图坐标
map.centerAndZoom(pt, 18);    // 初始化地图,设置中心点坐标和地图级别
loadmap();
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
function loadmap() {
    map.clearOverlays();
    /*
        //可在标注位置添加上LOGO icon
        var myIcon = new BMap.Icon("/static/logo.png", new BMap.Size(48, 44));
    */
    var marker = new BMap.Marker(pt); 
    map.addOverlay(marker);
    var data = ‘<div class="maptips"><div class="maptips_title" style="color:#3f292e;font-size:14px;font-weight:bold;margin-bottom: 10px;">浩然国际（香港）集团有限公司</div><div class="maptips_address" style="font-size:12px;" ><b>地址：</b>浙江省杭州市江干区秋涛北路130号省家电市场一楼</div></div>‘;
    var infoWindow = new BMap.InfoWindow(data);
    marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
    //map.openInfoWindow(infoWindow, map.getCenter()); 
}