前端頁面引用百度地圖

一、使用

百度地圖生成器地址：http://api.map.baidu.com/lbsapi/creatmap/index.html

通過百度地圖生成器的操作步驟來生成目標地址的代碼

 

舉例：青島麥凱樂總店

百度地圖生成器顯示如下：

 

copy代碼后本地顯示如下：

 

 

 

 

 

二、問題解決

1、添加的標注圖標不顯示

修改圖片地址

//創建一個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;
    }

 

2、添加的標注名稱顯示亂碼

修改編碼方式

copy的代碼

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

修改后代碼

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />