头像

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

来源:http://www.jclordjewelers.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.jclordjewelers.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
一号彩票注册 www.913861.com-天下第彩票-| www.321334.com-彩票神器软件| www.16951.com-富余彩票网-| 亚洲彩票联盟www.696776.com| 好运彩吧www.096386.com| www.019281.com-瑞彩祥云官方网站| www.123676.com-全国安全购彩| www.vz31.com-河北福彩开奖结果| www.261027.com-尊彩网是靠什么赚钱| www.98762.cc-订婚就给彩礼钱吗| www.9774.in-快彩技巧-| www.024150.com-福彩3d家彩网| www.120585.com-综艺福彩彩神pk赛| www.207722.com-11选5购彩平台| www.826996.com-彩票店微信扫码安全| www.079557.com-竞彩篮球玩法| www.8885.mobi-竞彩八串中奖交税吗| www.13bq.com-九州信誉彩票网| www.755665.com-北京快三组合走势图| www.484853.com-盈科彩票合法吗| www.863361.com-体彩七位19029| www.155448.com-最新白菜网彩金| www.899115.com-足彩负负是什么意思| www.226548.com-高频彩票漏洞| www.394747.com-彩虹六号季票| www.365380.cc-七彩大乐透彩票| www.478061.com-深圳福彩双色球开奖| www.123490.com-福彩和双色球区别| www.223098.com-银河彩票下载手机版| www.298532.com-内蒙快三今日走势图| www.368973.com-中奖彩票店主没了| www.485188.com-体彩爬虫-| www.271009.com-彩96下载-| www.4613.biz-一直买一注彩票| www.39282.cc-全中彩票正规| www.683821.com-体彩二维码投注助手| www.778907.cc-安彩高科重组传闻| www.858515.com-福彩双色球37期| www.920070.com-体彩大乐透杀号汇总| www.991980.com-时时彩对子技巧| www.ss5.com-重庆时彩官方网开奖| www.pn76.com-彩票沙龙创始人| www.00sy.com-雨后的天上彩虹出现| www.80da.cc-3d彩吧论坛牛材网| www.87617.com-9b彩票-| www.130434.com-七乐彩专家杀号大全| www.286270.com-今天体彩开奖号码| www.355742.com-竞彩中奖要交税吗| www.213285.com-彩软科技计划| www.496644.com-某体育彩票经销售| www.660092.com-河南省中彩网官网| www.355924.com-网络彩票输光了| www.735866.com-中国彩吧图库第一版| www.700408.com-怎样买体彩-| www.956172.com-速盈彩票网站| www.19dw.com-个人卖私彩坐牢吗| www.4836.vip-六选一彩票-| www.101897.com-体育彩票一定牛苹果| www.900618.com-竞彩报墨不文| www.979493.com-彩票送18彩金| www.8137.bid-澳门三分彩赚钱吗| www.38788.cc-大富豪彩票预测| www.92328.cc-陕西省福彩中心| www.695136.com-香港彩富网-| www.774851.com-彩神娱乐-| www.850837.com-生日买彩票-| www.907342.com-安徽福彩和值走势图| www.965157.com-彩经网北京快3| 发彩www.50732g.com| www.je54.com-119彩票安卓下| www.i20.com-代玩彩票骗局| www.35ws.com-2017体彩杯沈阳| www.567585.com-盛兴彩票平台| www.711985.com-全国各地结婚彩礼钱| www.800893.com-三的红五彩票全图| www.874402.com-福彩精彩十分查询| 博友彩www.729908.com| www.mp41.com-吉林快三有窍门吗| www.5mt.com-足彩中了多少要交税| www.548933.com-那个网可以买足彩| www.689701.com-腾讯分分彩必赢技巧| www.821890.com-3个数的彩票| www.916038.com-彩票生意-| www.998881.com-洛杉矶快三-| www.oq21.com-六给彩票香港| www.76ni.com-买彩票当天几点截止| www.105606.com-体彩14场胜负| www.022632.com-福彩3d奇奇断组| www.770638.com-三分彩票如何看走势| www.670277.com-彩票昵称取什么名字| www.766875.com-天天彩选4今晚开奖| www.853908.com-太原快三彩票| www.932588.com-众信彩票真的假的| www.999222.cc-足球竞彩手机软件| www.dz28.com-大掌柜彩票靠谱吗| www.n88.top-买竞彩怎么算税| www.2147.xyz-111·cc彩票| www.680532.com-体彩排列三跨度表| www.944163.com-大发云致富彩票| www.ex4.cc-江苏快三复式玩法| www.194901.com-广西快三一定牛预测| www.608502.com-江苏快三开奖电视图| www.88259.cc-支付宝能提现的彩票| www.090056.com-彩票聊天话术大全| www.839944.com-pc蛋蛋彩票由来| www.665721.com-87彩票官网下载| www.757057.com-777彩票官方网站| www.889502.com-七乐彩大发-| www.nz3.com-江苏快三怎么买稳赚| www.07md.com-玉无心彩铅画| www.ml71.com-微彩吧下载app| www.722376.com-福彩3个红号有奖吗| www.246505.com-江苏老快三推荐号码| www.729375.com-海口彩票下载安装| www.815933.com-福彩2d中了多少钱| www.889925.com-彩票标语-| www.960343.com-最靠谱的彩票网站| www.ov.cc-安徽快三最大遗漏| www.cp5169.com-安徽体彩-| www.638851.com-福彩改制-| www.787776.com-财经网时时彩走势图| www.883420.com-彩民村高手新水论坛| www.950219.com-互联网福利彩票禁止| www.999688.cc-100彩票网-| www.bk48.com-利彩快三-| www.sf89.com-我乐时时彩计划| www.17lu.cc-腾讯60秒彩官网| www.79nz.com-彩票排列三怎么玩| www.0983.vip-贵州快三开奖助手| www.6451.com-体育彩票排例5| www.231303.com-湖南福利彩票25选| www.331923.com-买彩票欠20万| www.412909.com-澳门彩票官网下载| www.511725.com-胜负彩九场奖金| www.582387.com-三地012路彩宝网| www.669423.com-体彩今日字谜| www.736118.com-手机玩彩票下载| www.31hg.com-彩虹吉他指弹| www.753886.com-2019年掌上中彩| www.808445.com-足彩任选9开奖结果| www.873447.com-体育彩票怎么停售了| www.938712.com-双赢彩票诈骗吗| www.990629.com-爱中彩票网官网| www.dd02.com-彩富网免费资料大全| www.2073.com-百盛国际彩票| www.979945.com-顶级彩票票主页| www.fl80.com-福彩官网下载| 幸运彩票www.638466.com| www.ag76.cc-昨日彩票开奖号码| www.rg82.com-七乐彩胆拖中奖图| www.ar52.com-5d体彩5z-| www.532985.com-大乐透六星彩| www.966182.com-怎么下发彩网| www.cp9363.com-中彩登录网址| www.uf36.com-手机购彩软件排行| www.87hb.com-彩票招商号-| www.4813.cm-福利彩开奖记录| www.9158.org-星空彩票旧版官方| www.39373.cc-幸运中彩票软件| www.94911.cc-卡姿兰彩妆招代理| www.766418.com-中彩堂正版料| www.977289.com-河南的彩礼害死人| 福利彩票www.679955.com| www.48789.com-足球在哪买竞彩|