用JavaScript调用百度地图API在地图显示的左下角显示不随地图变化的图例

雨中的路- 2017-05-12 05:17:41

请大神给点思路，在网上没百度到类似的，我是在别人的代码上面改，求给思路，谢谢！！！！

...全文

249 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>