头像

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

来源:http://www.metalcncrouter.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.metalcncrouter.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.412530.com-体育彩票365新版| www.167851.com-彩票选号助手| www.2608.cc-福建体育彩网| www.24649.com-画彩铅怎么赚钱| www.77674.com-查询七星彩开奖信息| www.028371.com-博友彩票app| www.139143.com-彩之星平台-| www.136227.com-福彩广西基本走势图| www.480091.com-奥奥客竞彩网| www.366328.com-吉彩宝app-| www.143143.com-福彩双色球自己选号| www.44mf.com-足彩串关对冲| www.11658.cc-大发快三靠谱平台| www.77051.com-体彩号码几位数| www.087267.com-福田彩福大厦| www.265766.com-在微信群玩彩票| www.899176.com-天天彩免费料大全| www.991414.com-买七星彩技巧| www.491065.com-福彩选三选四| www.058478.com-福彩论坛彩界精英| www.38661.cc-彩易科思代购| www.875055.com-足球竞彩收米app| www.588445.com-搜一下七星彩| www.396576.com-星期四开什么彩票| www.555865.com-中信佳彩平台| www.648605.com-搜查官真条彩| www.728077.com-奥客彩网官网| www.799953.com-快乐彩票用户注册| www.912314.com-彩票店新模式| 500彩票www.52072h.com| www.047211.com-288彩票官方网站| www.763785.com-足彩加ios-| www.834533.com-好彩柠檬爆珠焦油| www.900306.com-e乐彩app-| www.975943.com-安阳县结婚彩礼多少| www.pc.com-体彩网即时比分| www.972375.com-福彩3d魔鬼图表| www.b55.site-彩票遗漏分析| www.759623.com-安徽省福彩领奖地址| www.768075.com-哪些好的足彩app| www.86393.cc-新彩的画法-| www.076652.com-体彩排列五专家预测| www.931368.com-彩票77网站被骗| 500彩票www.50051d.com| www.262365.com-江苏体彩票-| www.725702.com-彩色铅笔-| www.547822.com-28彩票网注册| www.626965.com-双彩网张维新| www.691132.com-胜负彩19048| www.762517.com-分分时彩是真的吗| www.876039.com-快三爱乐彩开奖结果| www.940861.com-阿里彩票安全吗| 购彩票www.c5236.com| www.179891.com-福彩快3彩票正规吗| www.286237.com-公益福彩被骗| www.1418.mobi-夸男生的彩虹屁| www.71ux.com-彩店宝下载软件| 环球彩票www.100v.cc| www.721815.com-彩票计算机360| www.819458.com-彩票计划免费app| www.919572.com-彩票网站搭建开发| www.243198.com-网上彩票赌博违法吗| www.331350.com-足彩漏洞-| www.415178.com-彩票33报警-| www.cai5553.com快三怎么学看走势| www.rd55.com-重庆时时彩暂停销售| www.13kn.com-体彩在线刮刮乐| www.2160.vip-七彩山鸡养殖场| www.12432.com-如何选彩票中奖率高| www.67879.com-2019彩票网站| www.026080.com-9购10分彩-| www.101884.com-稳赢的买彩票方法| www.863435.com-河北体育彩票排列五| www.522883.com-51彩虹挂挂手机版| www.815078.com-网络彩票网站| www.947716.com-多彩贵州颜色的象征| www.013212.com-七星彩早版彩图版| www.561899.com-快三中奖是多少| www.658278.com-广电彩票-| www.750442.com-体彩排列五开将| www.825774.com-体彩天下是假的吗| www.899424.com-彩神通绕胆图| www.970452.com-彩票816邀请码| www.cp3381.com-河南彩礼-| www.682992.com-分分彩玩法技巧大全| www.840595.com-广西彩票自助售票机| www.978365.com-天天中彩和赢彩彩票| www.hz45.com-彩票网站排行榜| www.294984.com-彩票待玩儿拿提成| www.825133.com-江苏体彩助手| www.913373.com-天天彩票兔兔向前冲| www.976447.com-长春市福利彩票领奖| www.cp103.com-快三软件哪个好用| www.7299.org-华为彩虹电量教程| www.0791.org-谁有快彩网的邀请码| www.6257.top-中彩票的秘诀| www.31km.com-cf彩虹哥卖号网站| www.64513.com-害人的竞彩-| www.27243.com-英国教授研究彩票| www.4bh.com-足彩身价对比| www.90rh.com-足球博彩的传奇人物| www.189271.com-河南快三二码走势图| www.j50.cn-梦见彩票中二等奖| www.49tk.cc-青岛体彩中心电话| www.ts50.com-彩票平台大厅合买| www.138742.com-新2彩票下载| www.227488.com-快三秒加盟官网| www.345149.com-彩神通两码推荐| www.990027.com-快三大全app| www.327733.com-快三算和值-| www.772557.com-二八彩app图| www.191579.com-内蒙古快三规则| www.414019.com-成绩挂彩是什么意思| www.zp59.com-福彩3d新玩法规则| www.038860.com-快开福彩怎么注册| www.487733.com-福彩陈华胆码预测| www.115559.com-比较大的彩票平台| www.248587.com-福彩快三爱彩乐| www.8868.onlineexcel彩票过滤| www.58214.com-时时彩骗局揭秘| www.504445.com-彩排演出-| www.161910.com-快三大小单双微信群| www.789749.cc-竞彩单关叫停| www.881077.com-广西体彩中奖号码| www.965454.com-01彩票是合法的吗| 福彩www.16878v.com| www.135373.com-恒大彩票下载| www.225741.com-快乐彩12选5| www.134433.com-福福彩3d走势图| www.240896.com-超级彩票助手| www.314658.com-玩时时彩的方法心态| www.448298.com-聚福购彩网-| www.3430.xyz-易网彩票怎样下载| www.025391.com-北控京彩合法吗| www.097084.com-排五走势图彩吧助手| www.495285.com-电竞博彩推广| www.218785.com-88彩票-| www.172167.com-体彩排列五中奖| www.251532.com-福彩作弊事件| www.326199.com-手机版彩票彩宝网| www.390838.com-全彩漫画母系怀孕| www.523343.com-总统彩票老品牌值得| www.57226.cc-彩宝宝下载-| www.332177.com-福彩十选五怎么玩| www.08vb.com-河内5分投彩| www.069878.com-七乐彩今天开奖结果| www.342911.com-京东彩票扫码器| www.431743.com-高频彩缩水软件| www.521425.com-o38彩票客服电话| www.591788.com-澳门与竞彩官方欧赔| www.659183.com-欧洲杯足彩app| www.720669.com-福彩的老师怎么赚钱| www.785455.com-大乐透彩票字谜大全| www.855450.com-安徽福彩快三跨度表| www.908055.com-有人举报22彩票吗| www.979072.com-福利彩票网站下载| www.cai1199.com福彩快3是骗局吗| www.154518.com-中彩票比赚500万| www.213033.com-u9手机彩票软件| www.174055.com-一分快三网址| www.872068.com-福利彩票多少钱一注| www.116316.com-福彩3d跨度照表| www.219915.com-微信群买快三骗局| www.954025.com-发达彩票网站|