`
haierboos
  • 浏览: 439294 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

在百度地图api中,默认的地图图标是一个红色的椭圆形。但是在项目中常常要求我们建立自己的图标,类似于我的这个

操作很简单,分如下几步进行

步骤一:先ps一个图标,大小要合适,如果要背景透明的,记得保存成png格式。推荐一个在线ps网站http://uupoop.com/。做好图片之后,如果你使用vs或其他控制谈调用的百度地图api,要把图片放到debug文件夹中

步骤二:在html语句中加入:

var map = new BMap.Map('container');
map.centerAndZoom(new BMap.Point(116.380797, 39.918497), 18);

var icon = new BMap.Icon('pin.png', new BMap.Size(20, 32), {//是引用图标的名字以及大小,注意大小要一样
    anchor: new BMap.Size(10, 30)//这句表示图片相对于所加的点的位置
});

var mkr = new BMap.Marker(new BMap.Point(116.38075,39.918986), {
    icon: icon
});

map.addOverlay(mkr);

分享到:
评论

相关推荐

    百度地图api自定义标注代码

    此代码详细描述如何调用百度地图api生成自己想要的自定义标注代码、自定义图标或者自定义覆盖物,以及标注拖动、添加文本信息和获取当前经纬度。

    百度地图API自定义点路书,路书点击事件,路书速度动态改变

    查了很多资料也看源码,总结了一下,动态改变标注的位置就类似于路书而且运动速度和轨迹可以随意控制,高速运动的标注也可以触发点击事件,添加多个互不影响其它标注和地图性能,可参考百度地图API 移动的marker,...

    高端百度地图开发:自定义覆盖物水滴头像(鼠标事件、API封装对接)

    自定义标注覆盖物(Custom Overlay)是百度地图中的一种功能,它允许开发者在地图上绘制自定义的标记物,以更符合自己的业务需求和设计风格。通过自定义标注覆盖物,你可以在地图上添加各种类型的标记,如图标、文字...

    使用百度地图JavaScript API 画轨迹,给出自定义图标和标注

    traceDraw.jsp画给定点的运动轨迹,personTraceMap.jsp根据位置数组画运动轨迹。person.png为自行准备的图标

    百度地图mapv 地图扩散波纹效果

    数据可视化,我们常见的有表格、图标、图表、柱状图、折线图、雷达图、漏斗图、等值面图、等值线图、GIS地图、蜂窝图、格点数据、热力图、柱状图、饼图、散点图、地理坐标/地图、K 线图、雷达图、盒须图、热力图、...

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

    如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/,搜索出自己要展示的位置,如下图所示。 第二步:...

    android百度api2.1

    位置标注:提供一个或多个POI位置标注,且支持用户自定义图标。 实时路况:提供城市实时交通路况信息图。 离线地图:提供离线地图功能,可节省用户流量。 定位:采用GPS、WIFI、基站、IP混合定位模式,请使用Android...

    元图地图开放平台技术白皮书(基于cad图形的地图平台)

    2、二次开发API与常用的互联网地图API类似,如百度地图;用户无需具备AutoCAD图形处理的相关专业知 识,只需熟悉web开发技术如html,js,css,即可开发基于CAD图形的专业应用。 3、可以将互联网地图与AutoCAD图形...

    元图地图开放平台开发指南(首款基于CAD图形的地图平台)

    2、二次开发API与常用的互联网地图API类似,如百度地图;用户无需具备AutoCAD图形处理的相关专业知 识,只需熟悉web开发技术如html,js,css,即可开发基于CAD图形的专业应用。 3、可以将互联网地图与AutoCAD图形...

    在ASP.NET中使用Google Map

    <br> <br>自定义标注点图标 <br> <br>该控件支持自定义标注点图标。首先,将图标文件复制到你的网站目录下,接着,使用以下赋值语句: <br> GP.IconImage = "icons/pushpin-blue.png"; <br>还...

    ApiPOST-crx插件

    支持Cookie管理,发送接口时,可以携带自定义的Cookie进行模拟登陆,从而方便测试一些需要登录才能访问的API。 3、跨平台支持 ApiPost拥有Chrome拓展插件、Window客户端、Mac客户端3大版本,软件界面清爽,使用简单...

    VB编程资源大全(控件 窗体1)

    (15KB) 48,asbubble01.zip 几个特殊的控件,可以在程序里弹出类似于气泡的对话框(37KB) 49,formshaper.zip 无需再调用api,利用这个控件你可以把窗体设计成为任意的形状(18KB) 50,devporbu.zip ...

    从入门到精通HTML5——PDF——网盘链接

     14.2.4 使用setCustomValidity方法自定义  错误信息 268  14.3 增加的页面元素 269  14.3.1 新增的figure元素 270  14.3.2 新增的details元素 271  14.3.3 新增的mark元素 272  14.3.4 新增的progress元素 ...

    iPhone开发秘籍

    1.3.4 图标和默认图像 5 1.3.5 xib(nib)文件 5 1.3.6 应用程序束中不存在的文件 5 1.3.7 沙盒 6 1.4 平台限制 6 1.4.1 存储限制 6 1.4.2 数据访问限制 7 1.4.3 内存限制 7 1.4.4 交互限制 7 1.4.5 电量...

    xheditor-1.1.14

    plugins:自定义按钮之插件扩展 插件对象的属性解释: c:样式表名称 t:插件名字(鼠标在按钮上方时显示) s:快捷方式,例:"ctrl+enter" h:是否鼠标悬停直接执行,1:直接执行(省略当前值代表不直接执行) e:按钮...

    iPhone开发秘籍.part2.rar

    你可以添加开关之类的控件,创建半透明单元背景,以及添加自定义字体。第6章以第5 章的内容为基础,介绍可在iPhone 程序中使用的高级表格秘诀。 第7章:媒体 不负众望,iPhone 可以加载并显示各种格式的媒体。它可以...

    iPhone开发秘籍.part4.rar

    你可以添加开关之类的控件,创建半透明单元背景,以及添加自定义字体。第6章以第5 章的内容为基础,介绍可在iPhone 程序中使用的高级表格秘诀。 第7章:媒体 不负众望,iPhone 可以加载并显示各种格式的媒体。它可以...

    iPhone开发秘籍.part1.rar

    你可以添加开关之类的控件,创建半透明单元背景,以及添加自定义字体。第6章以第5 章的内容为基础,介绍可在iPhone 程序中使用的高级表格秘诀。 第7章:媒体 不负众望,iPhone 可以加载并显示各种格式的媒体。它可以...

Global site tag (gtag.js) - Google Analytics