百度地图api 自定义图标

2024-10-22

百度地图API 自定义标注图标

通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置, 也可以使用marker.setIcon()方法. <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.323066,39.989956), 16);

网页嵌入百度地图和使用百度地图api自定义地图的详细步骤

在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示. 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息. 第四步:获取代码.将代码贴到你的网页

百度地图API自定义地图

http://api.map.baidu.com/lbsapi/creatmap/index.html http://developer.baidu.com/map/index.php?title=webapi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

如何在网中使用百度地图API自定义个性化地图

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="百度地图,百度地图API,百度

HTM L百度地图API 自定义工具地图实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

百度地图API 自定义坐标点及图片

var map = new BMap.Map("allmap");var point = new BMap.Point(105.955754,36.525109);map.centerAndZoom(point,8);map.enableScrollWheelZoom(); //获得原标示数组// 定义标示图片var icon1 = new BMap.Icon("image/标示1.jpg",new BMap.Size(128,128));var icon2 = n

【百度地图API】北京周边7日游——图标按路线轨迹行动

原文:[百度地图API]北京周边7日游--图标按路线轨迹行动任务描述: 春节就要来啦~酸奶小妹的妈妈要从遥远的重庆,来到北京过春节呢!酸奶小妹忙着给妈妈计划,北京周边的旅游线路.计划好路线后,就开始驾车旅游啦~~ 如何实现: 利用百度地图API先确定几个坐标点points,把他们连成一条折线BMap.Polyline(points). 然后,更改标注图片为一辆小车,var myIcon = new BMap.Icon("car.png",...). 最后利用二次开发的类K_point

【百度地图API】自定义可编辑的交通路线

原文:[百度地图API]自定义可编辑的交通路线任务描述: 我想自己绘制一条从地铁站出口到天安门的道路,而且还需要根据我的喜好来改变这条路线. 如何实现: 鼠标左击地图,绘制路线:双击后,绘制结束:绘制结束后,路线可编辑. TIPS: API1.1以后,可以使用enableEditing()来开启折线可编辑功能. 图示: 运行代码,请点击这里. 代码: );var e1,e2;var p = []; //用来存储折线的点var polyline;var doneDraw = 0; //判断是否绘

【百度地图API】如何调整结果面板的样式？如何获取指定页码的结果？

原文:[百度地图API]如何调整结果面板的样式?如何获取指定页码的结果? 摘要: 1.你是否想自定义查询后,结果面板的显示样式? 2.数据接口每次只返回10条结果,如何取到单独每一页的结果? --------------------------------------------------------- 一.如果自定义结果面板的样式? 我们通过数据接口拿到每一条数据,然后塞到自己想要的html结构里,如下: )}); mk.setLabel(lb); str += '<li>'+ pInfo

【百度地图API】暑假放假回老家——城市切换功能

原文:[百度地图API]暑假放假回老家--城市切换功能任务描述: 酸奶小妹放寒假啦,要从北京呼啦一下飞回重庆呢.现在百度地图API上不能直接切换城市,怎么办呢? 如何实现: 利用API先搜索到要去城市,然后再让搜索到的城市显示在地图中心点. (百度地图上的实现方式是,给后端一个请求,后端返回该城市的经纬度) 图示: 运行代码:请点击这里代码: ); //初始化地图var city =new BMap.LocalSearch(map,{renderOptions:{map:map,autoVi

【百度地图API】圣诞节里不会迷路的麋鹿——驾车导航

原文:[百度地图API]圣诞节里不会迷路的麋鹿--驾车导航任务描述: 可能大家还不知道,圣诞老人是爱迷路的老爷爷! 今年圣诞节又要到了,圣诞老人又要出来送礼物了.可是,他灰常的迷路呢! 还好,他有一只不会迷路的麋鹿…… 如何实现: 建立两个input文本框,分别获得圣诞老人输入的起点和终点. 当圣诞老人点击OK按钮后,先判断起点和终点文本框内是否为空,为空则需要提示圣诞老人重新输入. 不为空的情况下,进行查询驾车路线的工作. 如果没有查询到相应的起点和终点,则需要提示圣诞老人重新输入哦! TI

【百度地图API】如何制作泡泡放大镜？

原文:[百度地图API]如何制作泡泡放大镜? 任务描述: 我不喜欢API提供的缩放控件耶…… 我能不能使用其他方式放大地图勒? 当然阔以啦! 现在就来教大家如何动手制作一个可爱的泡泡放大镜! 使用它,就可以放大地图上的任何细节啦~ 如何实现: 创建主地图map1,在主地图上创建一个标注,并对标注添加一个信息窗口. 在信息窗口里面,创建一张小地图,地图级别为18(足够大啦). 默认设置信息窗口关闭,点击红色标注后打开信息窗口. 操作试试: 点击红色标注,立马弹出来一个泡泡放大镜! 你还可以移动主地

百度地图api设置点的自定义图标不显示

百度地图api设置点的设置代码为: var myIcon = new BMap.Icon(): 所以首先要找到这行代码,并在括号中加上图片信息: var myIcon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(50,50)); 很多人使用过程中会发现如果百度地图的这个设置点的自定义图标替换成本地静态路径会不显示,当用网上的图片链接方式就可以, 网上搜了很多发现没有真正解决的方法,

百度地图api之如何自定义标注图标

在百度地图api中,默认的地图图标是一个红色的椭圆形.但是在项目中常常要求我们建立自己的图标,类似于我的这个操作很简单,分如下几步进行步骤一:先ps一个图标,大小要合适,如果要背景透明的,记得保存成png格式.推荐一个在线ps网站http://uupoop.com/.做好图片之后,如果你使用vs或其他控制谈调用的百度地图api,要把图片放到debug文件夹中. 步骤二:在html语句中加入: var map =new BMap.Map('container'); map.centerAndZ

百度地图Api之自定义标注：（获得标注的经纬度和中心经纬度即缩放度）

百度地图Api之自定义标注:(获得标注的经纬度和中心经纬度即缩放度) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ImgPos.aspx.cs" Inherits="Test_Web1.ImgPos" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

【百度地图API】如何制作自定义样式的公交导航结果面板？

原文:[百度地图API]如何制作自定义样式的公交导航结果面板? 摘要: 百度地图API有默认的公交导航结果面板,但样式比较单一:而百度地图上的结果面板就比较美观.如何利用百度地图API来制作一个比较美观的公交导航结果面板呢?一起来学习一下吧. ---------------------------------------------------------------------------------------------- 首先,看一下百度地图上的结果面板,如下图: 再来看看百度地图API

百度地图API图标、文本、图例与连线

百度地图开放平台功能强大,使用简单,为地图的自定义提供了非常方便的途径! 本文以绘制一张全国机器辐射图为例记录其基本使用方法,效果如下图: 图中包括了带图标和文本的标注,连线以及图例. 1.关于坐标说到地图,不得不说坐标. 我以为,GPS获取经纬度之后,把经纬度丢给地图就可以了.但那真的是自以为. 1.1 坐标系来看看实际情况,以下是百度开发文档里的描述: 目前国内主要有以下三种坐标系: WGS84:为一种大地坐标系,也是目前广泛使用的GPS全球卫星定位系统使用的坐标系. GCJ02:又称火

【百度地图API】如何自定义地图图层？实例：制作麻点图（自定义图层+热区）

原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来学习,当地图上有大量标注,比如600万个的时候,我们如何用“麻点图”来实现标注的展示. ----------------------------------------------------------------------------------------------------------

【百度地图API】如何给自定义覆盖物添加事件

原文:[百度地图API]如何给自定义覆盖物添加事件摘要: 给marker.lable.circle等Overlay添加事件很简单,直接addEventListener即可.那么,自定义覆盖物的事件应该如何添加呢?我们一起来看一看~ ----------------------------------------------------------------------------------------- 一.定义构造函数并继承Overlay // 定义自定义覆盖物的构造函数 functio

百度地图点击地图显示地址详情的默认方法怎么关闭，去掉百度地图api图标信息

去掉百度地图api图标信息调用百度地图API时,如果想去掉百度的logo,只需要在css里设置: <style> .anchorBL{display:none} </style> 点击如图中的点时会出现地址详情,会造成我们地图开发中的误操作,那么怎么关闭这个点击事件呢? 只要在定义地图时加上{enableMapClick:false}就关闭了这个点击事件 <script type="text/javascript"> // 百度地图API功能 va

百度地图api 自定义图标

热门专题