前端页面引用百度地图

一、使用

百度地图生成器地址：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" />