头像

百度地图显示10个以上的标注点实例【原创

来源:http://www.hnrfsm.com/php/3284 24***4k 2017-12-06 21:15浏览(4160) 收藏

不必再为百度地图api限制标注点的数量数量而烦恼了,几行js代码轻松搞定!
百度地图显示10个以上的标注点实例
分类:PHP > 统计图+地图 难易:中级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 2 下载资源 下载火币: 20 火币
解压文件直接打开即可
var doch = $(document).height() - 95;
var taddress = '';
taddress = '银川市';
var map = new BMap.Map("map-container");//在container容器中创建一个地图,参数container为div的id属性;
map.centerAndZoom(taddress, 5);                //将point移到浏览器中心,并且地图大小调整为15;
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.enableScrollWheelZoom();//启动鼠标滚轮缩放地图
map.enableKeyboard();//启动键盘操作地图
setTimeout(function() {
    $.each([{"short_name": "\u6807\u6CE8\u70B9", "address": "\u4E91\u5357\u7701\u6606\u660E\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5E7F\u4E1C\u7701\u5E7F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u798F\u5EFA\u7701\u798F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u53F0\u6E7E\u7701\u53F0\u5317\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u56DB\u5DDD\u7701\u6210\u90FD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u65B0\u7586\u4E4C\u9C81\u6728\u9F50"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u91CD\u5E86\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5170\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u94F6\u5DDD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u90D1\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5357\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6D4E\u5357\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5317\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u54C8\u5C14\u6EE8\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6C88\u9633\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u547C\u548C\u6D69\u7279\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5927\u8FDE\u5E02"}], function(index, item) {
        var iadd = item.address.substr(0, 32);
        $.getJSON('http://api.map.baidu.com/geocoder/v2/?address=' + iadd + '&output=json&ak=DYaq3yBlOfNVjYmedl31HEbU&callback=?',
                function(data) {
                    var lng = data.result.location.lng;
                    var lat = data.result.location.lat;
                    var point = new BMap.Point(lng, lat);
                    var myIcon = new BMap.Icon("/Front/Public/images/MarkerIcon.png?v=20161129", new BMap.Size(10, 10), {
                        offset: new BMap.Size(5, 10), // 指定定位位置  
                        imageOffset: new BMap.Size(0, 0) // 设置图片偏移  
                    });

                    var aaa = new BMap.Marker(point, {icon: myIcon});
                    map.addOverlay(aaa);
                    aaa.setZIndex('1');
                    var bbb = new BMap.Label(item.short_name, {offset: new BMap.Size(-24, -40)});
                    bbb.setStyle({height: '46px', color: '#fff', lineHeight: '46px', borderRadius: '26px', padding: '0px 6px', zIndex: '-1', background: '#b4a078', background:'rgba(180,160,120,0.9)'});
                    aaa.setLabel(bbb);
                }
        );
    })
}, 500)
标签: 百度地图
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.hnrfsm.com/php/3284.html
最新交易
评论39
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 38楼
    05-01 07:27
    hm***10
    这个很不错,先留着慢慢看
  • 头像 37楼
    04-25 08:56
    yu***赫赫
    下载下来看看,,看起来还不错。
  • 头像 36楼
    03-13 15:29
    ***
    真是啥都有啊 最近正在照这个东西
  • 头像 35楼
    02-23 20:22
    He***ck
    这个就很不错了看起来很实用的样子
  • 头像 34楼
    02-05 10:18
    ha***xi
    这个有用的到的地方,下载下来看看
  • 头像 33楼
    02-05 08:30
    仿***者
    感觉好溜溜溜啊 正是我这几天需要的 要学习
  • 头像 32楼
    01-29 14:50
    u_***78
    有空了学学他调用百度地图
  • 头像 31楼
    01-26 11:03
    无***语
    百度地图还可以这么玩啊,膜拜大神。
  • 头像 30楼
    01-21 22:12
    西***侠
    看来很好用,下载下来看看
  • 头像 29楼
    01-16 11:14
    xi***ng
    这个是不是调取定位的,不过看样子好好用的样子,我看看下载
1 2
9彩娱乐平台 www.620797.com-彩票会员赚钱真的吗| www.637996.com-竞彩大奖方案| www.1kv.cc-兴安盟福利彩票中心| www.77612.cc-彩票休市通知| www.17033.com-体育彩票打印机| www.89682.com-三月足彩赛程| www.952707.com-九州彩票时时彩| www.cp9.com-江西彩票-| www.wm10.com-大家赢快3彩票平台| www.245728.com-中国足彩网手机版| www.323139.com-乐和彩网站-| www.393949.com-云南时时彩开奖软件| www.509890.com-时时中彩票新网页| www.77ov.com-福彩快乐十分陕西| www.0258.vip-时时彩赢多了就封号| www.057324.com-福利彩票玩法说明| www.969475.com-欢乐彩网址-| www.445033.com-陕西福彩怎么申请| www.547007.com-新浪网彩票开奖公告| www.575001.com-廿肃快三-| www.650117.com-如何博彩-| www.720227.com-中彩票秘诀-| www.814804.com-吉林快三大小微信群| www.886390.com-登陆好运来彩票| www.958300.com-浙江福彩快快乐| QQ彩票www.89894p.com| www.950231.com-彩宝彩票app安卓| 好运彩吧www.033826.com| www.865079.com-新华彩票下载安装| www.033740.com-乐彩网app安卓| www.888007.com-彩票在线人工计划| www.02uy.com-聚财彩票软件可靠吗| www.622650.com-双色球福彩双色球| www.701099.com-足彩通app苹果版| www.788661.com-足彩胜负九场开奖| www.873927.com-重庆十分钟快三| www.958301.com-体彩七星彩下期预测| 500彩票www.330895.com| www.09100.com-k3808鸿彩快三| www.317508.com-数字彩的另类打法| www.055357.com-浙六江福彩快三网| www.226752.com-福建福彩快3定牛| www.211229.com-安徽快三在线计划网| www.282298.com-时时彩止盈止损经验| www.363065.com-雨后彩虹是什么原理| www.458648.com-e球彩骗局-| www.552664.com-卖彩票需要什么条件| www.616256.com-竞彩篮球赛果| www.687217.com-体彩竟彩足球| www.772925.com-白菜彩金手机验证| www.850849.com-时时彩怎么推广引流| www.918250.com-下载900彩票| www.979164.com-旋子彩画高清图案| www.cp8398.com-快三最新开奖号码| www.940.cm-彩票实战讲座第一节| www.6981.me-有个亲戚中彩票了| www.22616.cc-大发快三谁控制| www.31236.cc-时时彩后三双胆算法| www.639183.com-大吉彩票软件下载| www.kj76.com-12彩票app-| www.060227.com-朋友买黑彩发了| www.095037.com-大奖彩票网是黑彩| www.oh28.com-福彩3d彩涂-| www.jm51.com-淘宝彩票走势图大全| www.g04.in-彩票怎么买比较科学| www.978656.com-时时彩黑客改单视频| www.fs14.com-uu快三是哪个网站| www.039245.com-网上够彩-| www.984334.com-福彩快乐十分开奖| www.390063.com-万家彩票可信吗| www.868818.com-七星彩前4个号码| www.324685.com-福利彩票高管| www.610832.com-华夏彩票黑钱| www.757633.com-群里跟计划买彩票| www.897261.com-澳洲彩票玩法| www.af12.com-江苏老快三开奖记录| www.y07.cn-彩神通金码今天的| www.051283.com-彩票合买哪个app| www.005754.com-时时彩票安卓版下载| www.254361.com-爱乐彩官方网| www.366645.com-广州彩票兑奖中心| www.kd88.com-福彩双色球球选号器| www.41sj.com-3d彩票开机号| www.168966.cc-内蒙快三推荐与预测| www.295118.com-贵州快三下载官网| www.13966.cc-竞彩网合法吗| www.185535.com-北京福彩快三一定| www.282009.com-有台湾时时彩吗| www.3720.com-球彩sam-| www.42701.com-彩宝贝手机版| www.ek90.com-福建福利快三走势图| www.96161.com-福彩与慈善的含义| www.904044.com-六喝彩开奖结果| www.532320.com-彩票计划老师| www.693084.com-体彩双色中奖说明| www.919826.com-真彩票纸打高仿彩票| 网易彩票www.9356l.com| www.268697.com-黑龙江哈尔滨快三| www.886537.com-彩票快平台-| www.950154.com-中奖吧彩票app| www.9907.top-福利彩票和值走势图| www.uv24.com-大发快三投注记录| www.390116.com-福彩金牛送胆| www.wq06.com-甘肃体彩新11选5| www.218298.com-彩票坊官方网站| www.ub82.com-福彩快三最长的龙| www.78396.cc-九鼎彩票是不是骗局| www.363884.com-世界杯网络彩票禁止| www.822595.com-福彩app能买彩票| 全民汇彩票www.52303y.com| www.zw13.com-广西福彩选号3助手| www.032917.com-梦书解梦七星彩梦册| www.298483.com-吉林快三两码遗漏i| www.546782.com-体彩移机申请怎么写| www.630298.com-中国t体育彩票| www.699123.com-湖北快三走推荐号| www.774461.com-七乐十分彩-| www.870182.com-精彩是什么意思| www.965971.com-福彩3d投资计划| 大赢家彩票平台www.730625.com| www.wo04.com-彩票大数趋势| www.444281.com-足球全民彩票| www.8595.site-时时中彩票安卓| www.456095.com-彩虹六号对枪小技巧| www.63031.com-彩票注册送18开户| www.963351.com-七星彩直播开奖直播| www.83zu.com-369彩票网站| www.2079.vip-彩票包赔是什么意思| www.73220.com-海南七星彩彩版| www.920861.com-彩神网彩票靠谱吗| www.971470.com-七乐彩今天晚上开奖| www.ad17.com-甘肃福彩快三遗漏| www.5883.biz-结婚彩礼是什么| www.37782.com-趣头条彩票官网登录| www.634444.com-正版新粤彩图今天| www.801035.com-今日银海彩票工作室| www.365663.com-体彩排列三王滨字谜| www.847079.com-竞彩盈亏公式| www.974607.com-彩店助手-| www.nn27.com-正规竞彩app| www.81dc.com-支付宝怎么兑换彩票| www.65256.cc-微彩会彩票下载安装| www.214566.com-达人彩票能相信吗| www.16kb.cc-福利彩票3d上期| www.000986.com-北京竞彩网258| www.059678.com-彩票开奖日时间表| www.326789.com-沈阳快三开奖走势图| 网易彩票www.084wy.com| www.434356.com-快三门户下载安装| www.558565.com-精彩中国汇-| www.653078.com-海南博彩股票有哪些| www.869071.com-百盈快三预测计划| www.916850.com-奔驰彩票真能赢钱吗| www.963387.com-七乐彩中3-| 500彩票www.26299k.com| www.48ue.com-高频彩黑平台曝光| www.16609.com-快三彩票能提现吗| www.114596.com-六开彩资料-| www.633584.com-马会天下彩-| www.768143.com-海外彩票网站| www.854621.com-足彩雪缘圆比分直播| www.922971.com-彩票店开业促销活动| www.990282.com-彩票数字组合软件| www.ln22.com-一号彩票安卓|