百度地图的Icon

在百度地图的类说明中,查看对Icon的构建:

定制IconOptions

看下面的差别

发现在IconOptions没有imageSize属性

而在实际测试中,代码如下

    <script type="text/javascript">
        var map = new BMap.Map("container");          // 创建地图实例
        var point = new BMap.Point(116.404, 39.915);  // 创建点坐标
        map.centerAndZoom(point, 15);                 // 初始化地图,设置中心点坐标和地图级别  

        var myicon = new BMap.Icon(        ‘http://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png‘, // 百度图片        new BMap.Size(10,22), // 视窗大小        {          imageSize: new BMap.Size(144,92), // 引用图片实际大小          imageOffset:new BMap.Size(-10,0)  // 图片相对视窗的偏移        }     );
        var marker = new BMap.Marker(point,{icon:myicon});
        map.addOverlay(marker);
    </script> 

而实际中需要使用到imageSize属性,我将其放到IconOptions中,可以使用,到达效果。

百度图片http://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png

时间: 2024-09-27 01:27:16

百度地图的Icon的相关文章

百度地图(icon,zIndex)

百度地图v2.0参考http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b2 覆盖物(Marker) Icon: var myIcon = new BMap.Icon( tagicon,//图片路径 new BMap.Size(35,35),//可视区域 { imageOffset:new BMap.Size(-10,0) // 图片相对视窗的偏移 imageSize: new BMap.Size(35,35) /

HTML5结合百度地图API创建地图应用

具体的百度地图API的使用方法查看百度地图API里的DEMO <style> #div1{ width:400px; height:400px; border:1px #000 solid;} </style> <script src="http://api.map.baidu.com/api?v=1.3"></script> <script> window.onload = function(){ var oInput =

Android百度地图开发(一)之初体验

转载请注明出处:http://blog.csdn.net/crazy1235/article/details/42614603 做关于位置或者定位的app的时候免不了使用地图功能,本人最近由于项目的需求需要使用百度地图的一些功能,所以这几天研究了一下,现写一下blog记录一下,欢迎大家评论指正! 一.申请AK(API Key) 要想使用百度地图sdk,就必须申请一个百度地图的api key.申请流程挺简单的. 首先注册成为百度的开发者,然后打开http://lbsyun.baidu.com/ap

Android应用中使用百度地图API定位自己的位置(二)

官方文档:http://developer.baidu.com/map/sdkandev-6.htm#.E7.AE.80.E4.BB.8B3 百度地图SDK为开发者们提供了如下类型的地图覆盖物: 我的位置图层(MyLocationOverlay):用于显示用户当前位置的图层(支持自定义位置图标): Poi搜索结果图层(PoiOverlay):用于显示兴趣点搜索结果的图层: 路线图层(RouteOverlay):公交.步行和驾车线路图层,将公交.步行和驾车出行方案的路线及关键点显示在地图上(起.终

百度地图API

本文我将从如何使用地图API(本文以百度为例,谷歌类似)开始,往后的扩展行的内容详见后续文章.1.打开链接http://developer.baidu.com/map/jshome.htm  这里有很多DEMO,或者你直接百度搜索“百度地图API”,第一个就是.进入后有很多方向供你选择,由于现在开源的地图API都是JS脚本写的,所以我上面的链接就只针对JAVASCRIPT进行介绍.  即使是编程菜鸟(像我这种),也知道当你在任何一个开发环境下写代码时,都需要加入头文件,例如,你要在C++里使用c

使用百度地图API制作线路轨迹播放

1.使用百度地图API制作轨迹播放: 可应用于车辆跟踪.行驶线路回放.跑步行程的记录等地图应用场景, 1.1绘制静态轨迹图 获取多个轨迹点point(必须包含经度.纬度) 使用polyline对象依次连接相邻的2个点(注意polyline的个数比point的少1) 1.2绘制动态轨迹图(固定间隔时间) 每隔500毫秒读取一个轨迹点,实现a,b两个功能 a增加一条polyline b将marker从先前的point移到当前点 主方法使用setTimeout方法迭代来实现动态循环 Polyline在

百度地图的全景地图实现的过程

最近要弄百度,实现web上地图拖动标注,停下来的时候,搜索地图位置上的全景图.用户点击全景图后,进入全景模式. 这个需求看上去很简单.但是也费了我大半天的功夫. 主要问题是 1. 百度地图没有完整的例子 2. 百度地图的全景图在PC web 和移动 web 实现方式不一样 3. 百度地图的API 文档,个人感觉写得一般. OK,不总结那么多了.声明下,我这个是用v2.0 版本的JS API. 首先,直接拿官方的例子 http://developer.baidu.com/map/jsdemo.ht

在网页中插入百度地图(实例)

步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用) 切换城市,搜索需标注位置.(如下图:) 设置地图:大家可以对网站显示地图的宽高进行设置,其余选项不动. 添加标注:点击第一个图标后,在右侧找到自己的位置,单击鼠标左键可定位.标记图标处可更换图标形状,名称和备注填入位置相关信息.(如下图

百度地图

<!-- 百度地图脚本 --> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> <script type="text/javascript"> //创建和初始化地图函数: function initMap(){ createMap(