87,994
社区成员
发帖
与我相关
我的任务
分享用JavaScript调用百度地图API在地图显示的左下角显示不随地图变化的图例
请大神给点思路，在网上没百度到类似的，我是在别人的代码上面改，求给思路，谢谢！！！！
...全文
请发表友善的回复…
发表回复
Msxindl_Com 2017-05-12
- 打赏
- 举报
一个例子：
<html>
<head>
<meta charset="gb2312" />
<title>百度地图</title>
<script type="text/javascript">
function initMap(){
createMap();
setMapEvent();
addMapControl();
}
function createMap(){
map = new BMap.Map("map");
map.centerAndZoom("成都",10);
}
function setMapEvent(){
map.enableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom()
}
function addMapControl(){
var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:1});
map.addControl(navControl);
}
var map;
function loadJScript(){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak=5E5EE28a7615536d1ffe2ce2a3667859&callback=initMap";
document.body.appendChild(script);
}
window.onload = loadJScript;
</script>
<style type="text/css">
#map{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
left:0;
top:0;
background-color:white;
}
#logo{
position:fixed;
left:0;
bottom:0;
z-index:10;
border:1px solid red;
}
</style>
</head>
<body>
<div id="map"></div>
<img id="logo" src="http://pic.baike.soso.com/p/20120228/20120228144539-1458223318.jpg" />
</body>
</html>
