百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<style type="text/css">

body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

#allmap{width:100%;height:500px;}

#r-result{width:100%;margin-top:5px;}

p{margin:5px; font-size:14px;}

</style>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

<title>添加/删除地图类型、缩略图控件</title>

</head>

<body>

<div id="allmap"></div>

<div id="r-result">

<input type="button" οnclick="add_control();" value="添加" />

<input type="button" οnclick="delete_control();" value="删除" />

</div>

<p>点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图，点击按钮查看效果</p>

</body>

</html>

<script type="text/javascript">

// 百度地图API功能

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

var mapType1 = new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]});

var mapType2 = new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_LEFT});

var overView = new BMap.OverviewMapControl();

var overViewOpen = new BMap.OverviewMapControl({isOpen:true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT});

//添加地图类型和缩略图

function add_control(){

map.addControl(mapType1);          //2D图，卫星图

map.addControl(mapType2);          //左上角，默认地图控件

map.setCurrentCity("北京");        //由于有3D图，需要设置城市哦

map.addControl(overView);          //添加默认缩略地图控件

map.addControl(overViewOpen);      //右下角，打开

}

//移除地图类型和缩略图

function delete_control(){

map.removeControl(mapType1);   //移除2D图，卫星图

map.removeControl(mapType2);

map.removeControl(overView);

map.removeControl(overViewOpen);

}

</script>

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图相关推荐

C#在WinForm中实现清空指定类型控件的内容
实现在Winform中递归控件来清空指定类型控件的内容(因为在Winform中,各个控件是有层次关系的,不能简单地依靠遍历this.controls) private void ClearConten ...
虚拟桌面模拟查找点击自绘控件
// VDesktopClick.cpp : 定义控制台应用程序的入口点. //#include "stdafx.h" #include <string> #inclu ...
点击MSFlexGrid数据控件的标题进行数据排序
在进行数据库编程的时候,经常会用到MSFlexGrid控件进行数据显示.并且对数据进行排序是必不可少的一个环节.使用WINDOWS系统的用户,会习惯于点击标题进行数据排序.而MSFlexGrid控件本 ...
vue+element 实现点击左侧树形控件实现右侧滚动定位
树形控件实现定位+平滑滚动(左树形右内容) vue+element 实现点击左侧树形控件实现右侧滚动定位具体实现代码如下: <template><div class="d ...
UE4-（UI）第六十九课WidgetSwitcher控件切换器
一.一次最多只有一个控件可见二.举例:拖入两个Image选择两张图片选择其中一个Image,在WidgetSwitcher就会出现对应的图,但是当选中WidgetSwitcher控件的时候,显示的 ...
cesium 3Dtiles、地图自动旋转、罗盘控件
// 旋转地图rotateCamera: function (cesiumView, callback) {var pitch = Cesium.Math.toRadians(-25);// 给定飞行 ...
html5 比例尺,高德地图API之缩放比例尺控件+3D转换
缩放比例尺控件首先引入控件 amap.scale 然后使用 map.addcontrol() 添加控件 map *{margin:0;padding:0;list-style: none;} #co ...
asp.net中关于点击页面一个控件，弹出框的制作
先简述一下一下背景,最近有个项目中有一个页面是关于工作人员大致情况的展示页面,展示的信息放在一个gridview控件里面,控件里有一列为工作人员姓名,然后希望能达到点击姓名弹出一个框显示出此工作人员的 ...
listview中有按钮、图片等需要不同点击处理的控件如何处理
当listview的一行中有多个控件,这些控件都需要不同的点击处理时,我们如何做呢. 首先:我们自己的Adapter需要引用一个布局文件,在这个布局文件的根节点上:android:descendant ...

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图相关推荐

最新文章

热门文章

百度地图 点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图

百度地图 点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图相关推荐

最新文章

热门文章

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图

百度地图点击地图类型控件切换普通地图、卫星图、三维图、混合图（卫星图+路网），右下角是缩略图相关推荐