百度地图自定义地图类型

最新推荐文章于 2023-05-25 09:03:27 发布

风云正

最新推荐文章于 2023-05-25 09:03:27 发布

阅读量860

点赞数

分类专栏：地图文章标签：百度地图自定义地图类型

本文链接：https://blog.csdn.net/chenzheng8975/article/details/84470315

版权

地图专栏收录该内容

16 篇文章 0 订阅

订阅专栏

下载：dotNetFx40_Full_x86_x64.exe和TileCutter.exe

百度二维地图：

百度二维地图

百度三维地图：

百度三维地图

<!DOCTYPE html>
<html>
<head>
<title>自定义地图类型</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<style>
#sanwei{top:19px;right:19px; position: absolute; z-index: 4000;width:35px;height:21px;border-right:1px solid #8ba4dc;border-bottom:1px solid #8ba4dc;border-left:1px solid #8ba4dc;background:white;font-family: arial,simsun,sans-serif; font-style: normal; font-variant: normal; font-size: 12px; line-height: 1.3em; font-size-adjust: none; font-stretch: normal;text-align: center; }
</style>
</head>
<body>
<div id="container" style="width:100%;height:540px"></div>
<div id="sanwei"><a href="javascript:void(0);" οnclick="test()" >三维</a></div>
<script type="text/javascript">
var tileLayer = new BMap.TileLayer();
tileLayer.getTilesUrl = function(tileCoord, zoom) {
    var x = tileCoord.x;
    var y = tileCoord.y;
    return 'tiles/' + zoom + '/tile' + x + '_' + y + '.png';
}

var map = new BMap.Map("container"); // 创建地图实例   
map.addControl(new BMap.NavigationControl());//地图控制插件，该插件可以控制地图的位置地图的显示比例   
map.addControl(new BMap.ScaleControl());//显示在地图下方，告诉你地图上1cm对应的真实距离   
map.addControl(new BMap.OverviewMapControl({isOpen:1})); //为地图添加鹰眼    
map.addControl(new BMap.MapTypeControl());//地图的显示类型：包括地图和卫星  
map.addControl(new BMap.NavigationControl());
map.centerAndZoom(new BMap.Point(117.289945, 31.87173), 3);


var point1=new BMap.Point(117.289945, 31.87173);
var marker = new BMap.Marker(point1); // 创建标注 
map.addOverlay(marker); // 将标注添加到地图中
var infoWindow = new BMap.InfoWindow("信息窗口啊"); // 创建信息窗口对象
marker.openInfoWindow(infoWindow);

var MyMap = new BMap.MapType('MyMap', tileLayer, {minZoom: 1, maxZoom: 3});
function test(){
	map.setMapType(MyMap);
}

</script>
</body>
</html>

风云正

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度地图自定义地图类型

下载：dotNetFx40_Full_x86_x64.exe和TileCutter.exe百度二维地图：百度三维地图： &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;自定义地图类型&lt;/title&gt;&lt;meta http-equiv="Content-Type" cont..
复制链接

扫一扫