如何添加类似百度地图的工具条自定义控件_百度地图jssdk怎么设置控件的位置

1. 如何修改百度地图api控件开发

第一步：进入网络创建地图的网站http://api.map..com/lbsapi/creatmap/，搜索出自己要展示的位置，如下图所示。

第二步：设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动。
第三步：添加标注。点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位。标记图标处可更换图标形状，名称和备注填入位置相关信息。
第四步：获取代码。将代码贴到你的网页里就OK了。代码如下：

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="网络地图,网络地图API，网络地图自定义工具，网络地图所见即所得工具" />
<meta name="description" content="网络地图API自定义地图，帮助用户在可视化操作下生成网络地图" />
<title>网络地图API自定义地图</title>

<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="<a href="http://api.map..com/api?key=&v=1.1&services=true"></script">http://api.map..com/api?key=&v=1.1&services=true"></script</a>>
</head></p> <p><body>

<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
//创建和初始化地图函数：
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
}

//创建地图函数：
function createMap(){
var map = new BMap.Map("dituContent");//在网络地图容器中创建一个地图
var point = new BMap.Point(113.116257,27.822879);//定义一个中心点坐标
map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
}

//地图事件设置函数：
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}

//地图控件添加函数：
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
initMap();//创建和初始化地图
</script>
</html>

2. 百度地图jssdk怎么设置控件的位置

控件是地图API提供的供用户操作地图的界面元素，API内置了几个控件：缩放/平移控件(NavigationControl)、缩略图控件(OverviewMapControl)、比例尺控件(ScaleControl)、版权控件(CopyrightControl)和地图类型控件(MapTypeControl)。通过下面的图示可以找到对应关系。

控件位置：

任何控件都可以停靠在地图的四个角落，并通过偏移值(offset)控制具体位置，停靠位置(API中叫做anchor)通过以下4个常量控制：

BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。

BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。

BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。

BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。

自定义控件：

控件本质上是HTML片段加上一些DOM事件的响应，进而再操作地图。所以编写自定义控件就是需要开发者自行编写HTML代码并添加自己的事件处理方法，方法中再调用地图API提供的接口来改变地图状态。

在网络地图API中自定义控件的编写需要以下几个步骤：

定义一个自定义控件的构造函数，提供defaultAnchor和defaultOffset属性。

继承API的控件基类。

实现initialize方法。

3. 如何在网页上加上地图，像百度地图，可以放大缩小查看周边区域

GOOGLE全球地图

4. 百度地图卫星控件类型怎么自定义样式

网络离线地图包覆盖了国内近400个城市、数千个区县。在网络地图里，用户可以查询街道、商场、楼盘的地理位置，也可以找到离您最近的所有餐馆、学校、银行、公园等等。
网络地图是网络提供的一项网络地图搜索服务，覆盖了国内近400个城市、数千个区县。在网络地图里，用户可以查询街道、商场、楼盘的地理位置，也可以找到离您最近的所有餐馆、学校、银行、公园等等。

5. c#asp.net怎么在百度地图中加控件比如bottom

在工具箱里选择button 拖动到指定位置修改设置

6. 如何在自己的网页上插入动态的百度地图

1、登录网络地来图api，地址自：http://api.map..com/lbsapi/creatmap/index.html

2、设置你的地理位置，以北京大学为例子如图：

7. 如何在HTML中添加插入自定义的百度地图

第一步：在浏览器中打开网络地图生成器

第二步：图中右侧为自定义，根据自己的需求填写相关信息

8. 如何在手机app软件制作中加入百度地图

在手机上安装网络地图的方法，以IOS手机为例：

1.在IOS上找到用于下载软件的“回App Store”。

参考资料：网络-网络地图app下载流程

9. 怎么在网站上插入地图

关于这个问题一共是分好几步进行的，接下来我给你介绍一下：

记住网络地图生成器地址网络地图生成器的地址：http://api.map..com/lbsapi/creatmap/index.html
打开地图生成器：生成器地址已经在上面提到了，这里就不重复了。
创建地图。1.定位中心点：将“当前城市”切换到你要创建地图的城市，并输入详细地址进行查找。 2.设置地图：设置地图尺寸，地图缩放、地图缩略图、地图比例尺、地图状态等。依照自己或者客户的习惯进行设定。 3.添加标注：标记的图标可以在地图上面进行简单修改位置。输入公司的名称，在备注中可以添加地址、电话、传真、邮编、邮箱等属性。点击保存将进行下一步。
获取代码，这块我相信就不用详细说明了吧。只要点击获取代码按钮，就会自动弹出一个“自定义地图代码”的页面，将页面中的代码复制即可。
将代码复制到网站的相应位置即可。
以上是关于这个网页正插入地图的步骤，请采纳

导航:首页 > 编程大全 > 如何添加类似百度地图的工具条自定义控件

如何添加类似百度地图的工具条自定义控件

控件位置：

自定义控件：

与如何添加类似百度地图的工具条自定义控件相关的资料

友情链接