前端引入地图控件@令狐张豪

1. 引入地图js

<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

2. 百度地图生成器链接

3. 按下图步骤

   
   
   令狐张豪.png

4. 最后我们会发现生成的地图中icon图标不生效，让我们插入以下代码就ok(写在创建一个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;
            }