BMap.Marker 大小

百度地图缩小后marker点的图标移动

遇到的坑:使用百度地图,当地图缩小时,marker点的自定义图标会出现偏移的问题,marker点的信息窗口会出现闪烁问题. 原因:1.anchor是定位点距离图片左上角的偏移量.如果不给anchor的话,API会自动获取图片中心点作为anchor位置. 2.infoWindowAnchor属性,它是用来控制信息窗口开启的位置的(注意这里调用的是Marker的openInfoWindow方法,而不是Map的openInfoWindow方法),默认情况下它和icon的anchor是一个位置因为ma

使用BMap.Label给百度地图的BMap.Marker上加上数字序号

marker = new BMap.Marker(pointList[i]) marker.setLabel(getNumberLabel(i)); function getNumberLabel(number) { var offsetSize = new BMap.Size(0, 0); var labelStyle = { color: "#fff", backgroundColor: "0.05", border: "0" }; //不同

百度地图LV1.5实践项目开发工具类bmap.util.jsV1.3

/** * 百度地图使用工具类-v1.5 * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boonya@sina.com * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.htm * @up

百度地图LV1.5实践项目开发工具类bmap.util.jsV1.2

/** * 百度地图使用工具类-v1.5 * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boonya@sina.com * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.htm * @up

百度地图LV1.5实践项目开发工具类bmap.util.jsV1.1

/** * 百度地图使用工具类-v1.5 * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boonya@sina.com * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.htm */ (f

百度地图LV1.5实践项目开发工具类bmap.util.jsV1.0

/** * 百度地图使用工具类-v1.5 * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boonya@sina.com * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.htm */ (f

百度地图V2.0实践项目开发工具类bmap.util.js V1.4

/** * 百度地图使用工具类-v2.0(大眾版) * * @author boonya * @date 2013-7-7 * @address Chengdu,Sichuan,China * @email boonya@sina.com * @company KWT.Shenzhen.Inc.com * @notice 有些功能需要加入外部JS库才能使用,另外还需要申请地图JS key . * 申请地址:http://developer.baidu.com/map/apply-key.htm

百度地图api根据地图缩放等级显示不同的marker点，功能二

功能一里面有marker点后台的代码根据地图的缩放等级显示不同marker点的坐标JSP代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"

百度地图-marker拖拉，右键菜单

marker拖拉,修改经纬度. //创建Map实例 var map = new BMap.Map("allmap"); var point=new BMap.Point(104.06,30.67) ; map.centerAndZoom(point,12); //设置地图居中 var marker= new BMap.Marker(point);// // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.enableDragging()

百度地图BMap API实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Simp

[转]百度地图点聚合MarkerClusterer移动地图时，Marker的Label丢失的问题

参考文献:http://www.cnblogs.com/jicheng1014/p/3143859.html 问题现象: 使用MarkerClusterer_min.js,可以实现点聚合,但是当将带有Label的Marker通过MarkerClusterer 实现点聚合的时候,当地图发生任何移动.缩放的时候,Marker 的Label 就会自动消失. 问题分析: 网上很多网友分析的原因是,当地图发生移动.缩放的时候,在MarkerClusterer_min.js中,map.removeOver

百度地图Marker优化方案

简介在使用百度地图的时候,我们需要在地图上增加标注Marker来展示设置信息.随着用户需要不断增多,加载更多的Marker标注信息成为了一种奢望.然而通过自己技术的提升,归结出来了一下方案. 引入百度地图需要在百度http://lbsyun.baidu.com/index.php?title=jspopular注册为开发者.此过程略过... <head> <script type="text/javascript" src="http://api.map

好久好久没写，，百度API逆地址解析以及删除指定marker

百度地图Api中除覆盖物有两个方法:map.removeOverlay()或者 map.clearOverlays(),其中 clearOverlays()方法一次移除所有的覆盖物removeOverlay()一次移除一个指定覆盖物 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&

百度地图IP定位，点击地图添加marker

<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"&

添加并删除Marker

var data=new Array(); // 定位.显示内容 function setLocation(x,y,name,time,speed,direction,GPSstatus,carstatus,warning,wstatus){//参数:经纬度... //创建自定义图标 var pt = new BMap.Point(x, y); //map.setCenter(pt); //设置地图中心点.center除了可以为坐标点以外,还支持城市名 //map.setZoom(15); //

vue + BMap实现常用地图

实现功能: 缩放自定义icon maker 多个覆盖点的点击事件获取两点的距离信息窗口的点击事件 <template> <div id="allmap" ref="mymap"></div> </template> <style scoped> #allmap { width: 100%; height: calc(100vh - 50vw); margin-bottom: 9.3333vw; } .

百度地图API 循环向 marker 添加 click事件

使用百度地图API,循环向marker添加InfoWindow时,所有的marker点击弹出的inforwindow为最后一个添加的infowindow,百度后,使用js闭包解决此问题,直接贴代码: var markers = []; for(var i = 0; i < hisPlayView.length;i++) { var marker = new BMap.Marker(hisPlayView[i],{title:i.toString()}); markers.push(marker)

『实践』百度地图给map添加右键菜单（判断是否为marker）

var map; var s;//经度 var w;//纬度 $(document).ready(function(){ $(".mune").load("jsp/common.jsp"); map = new BMap.Map("container"); var point = new BMap.Point(121.577382, 29.874545); //++江东区中心的坐标 map.centerAndZoom(point, 15);

『实践』百度地图给多个marker添加右键菜单（删除、更新）

js: $.getJSON("./GetStationPlaceServlet",function(json){ for(var i=0;i<json.length;i++){ var obj1 = eval(json); //获取经纬度 fStationlon = parseFloat(obj1[i].Stationlon); fStationlat = parseFloat(obj1[i].Stationlat); var pt = new BMap.Point(fStati

vue项目调用百度地图 BMap is not defined

这次老板新接了一个四点半官网页面,使用vue来写.emm……我感觉整个人都不好了,两天半解决了20个静态页面.还好vue写页面简直飞快,遇到一个vue的新坑,使用百度地图. 研究了好一会,总是报错BMap is not defined 我只有一个页面需要用到地图,所以我是使用cdn引入的方式来写的,并没有像网上一些教程一样使用npm引入安装. 直接简单粗暴的根据百度地图api来写,虽然报错.那就解决报错的bug就行了.好了,下面开始说说步骤在需要页面的处引入cdn: <script type=

百度地图－修改marker图标(icon)

百度地图-修改marker图标(icon) 学习了:https://blog.csdn.net/clh604/article/details/9412291/ 源码膜拜: var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 map.addContr

BMap.Marker 大小

热门专题