头像

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

来源:http://www.5gip.com.cn/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.5gip.com.cn/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
彩81 www.068321.com-时彩族官网-| www.202215.com-彩票中奖查询明细表| www.277917.com-博牛彩票赌博| www.mo89.com-七乐彩拖胆玩法介绍| www.1941.date-玩彩票软件犯法吗| www.619216.com-百度搜索彩票开奖| www.776923.com-快三拉花附口令教学| www.96767.cc-彩票透视灯-| www.217343.com-即时开彩安卓| www.449292.com-竟彩十四场投注| www.617848.com-健康的标准五快三好| www.737966.com-香港意大利彩金价值| www.819323.com-彩票业主-| www.23gq.com-彩票套利负盈利| www.187007.com-快三数字杀头尾| www.332438.com-网上彩票代理平台| www.497448.com-家彩网开机号码| www.627359.com-双彩论让-| www.cai2600.com北京快三开奖走势| www.u95.top-燕郊体育彩票转让| www.92830.com-今天福彩3的开机号| www.171687.com-河北快三遗漏统计表| www.5734.vip-什么是手机彩票网| www.178914.com-河南快三26期| www.81jh.com-思乐彩票机故障处理| www.9700.top-三d风云彩票| 博友彩www.983112.com| www.1kx.com-网络购彩输几十万| www.3547.vip-彩票机器好退吗| www.50101.com-清乾隆多色彩釉大瓶| www.026934.com-百信彩票平台| www.484434.com-红彩会登录导航| www.29181.com-新浪七星彩专家| www.097582.com-彩票排列五开奖时间| www.310122.com-登录彩票-| www.952460.com-即时彩诈骗-| www.789429.com-米竞彩-| www.84ib.com-玩赚彩票网-| www.8602.org-利博彩票网站| www.89136.cc-新快三图表-| www.122301.com-天天中彩票3588| www.xi64.com-优乐彩怎么下载| www.96rw.com-火星彩票平台| www.38906.com-01彩票邀请码| www.027578.com-绝对可靠的高频彩种| www.122573.com-彩金自己怎么刷| www.217056.com-小鹿彩票工具| www.340056.com-幸运飞艇彩票| www.455978.com-新加坡有几种彩票| www.580211.com-彩票老司机靠谱吗| www.680378.com-ok彩票安卓系统| E彩堂www.9818w.cc| www.li42.com-共赢彩票6188| www.15881.cc-初级彩铅画入门| www.97652.com-c61彩票平台| www.125770.com-彩票的知识-| www.529.red-中彩娱乐投资彩票| www.52166.cc-体育足球竞彩胜平负| www.0373.in-杨艺的休闲快三| www.75876.cc-体彩彩票开什么| www.141304.com-什么是福彩3d| www.261027.com-尊彩网是靠什么赚钱| www.379034.com-彩客网ckw-| www.568095.com-七彩影城爱建店影讯| www.685533.com-a福利彩票-| www.811240.com-湖南幸运快三查询| www.988521.com-下载全民福彩票| www.mr00.com-重庆时时彩几点结束| www.224.name-90彩票新出骗局吗| www.28628.cc-佛教讲中彩票因果| www.052967.com-我在亿彩彩票输了| www.234200.cc-68彩票网-| www.359235.com-大众彩票不能提现| www.520297.com-彩宝贝杀号定胆3d| www.651373.com-北京速开彩官网| www.404177.com-用油性彩铅画星空| www.678784.com-足彩购买2019| www.300726.com-彩票九宫图下载| www.397557.cc-日本中国足彩分析| www.582590.com-分分钟彩票下载| www.713159.com-41彩票cc199| www.8ad.cc-彩票中奖后收回么| www.27762.cc-黑龙江畅快三| www.358257.com-为了买彩票-| www.841883.com-福利彩票开奖公证处| www.85688.cc-蓝彩星光-| www.134819.com-缅甸好彩是假烟吗| www.309410.com-体彩七位数怎么算的| www.587657.com-彩188-| www.718698.com-彩虹一共几种颜色| www.857038.com-基诺彩开奖-| www.973943.com-美国百万彩开奖结果| www.69244.com-体彩任九19039| www.099414.com-利彩票3d开奖公告| www.297308.com-彩票王软件下载手机| www.676116.com-福彩三地的基本走势| www.836403.com-彩色沥青价格别| www.979916.com-福彩三地图迷总汇| www.95xm.com-体彩玩法一胜一负| www.8111.com-买博彩违法吗| www.79338.com-华彩在线登录| www.175972.com-一分钟快三计算软件| www.314343.com-怎样看体彩中奖| www.436658.com-十一选五爱彩乐| www.591382.com-彩票精准预测软件| www.721357.com-七星彩人工计划| www.836496.com-报纸福彩天地| www.0532.pw-乐炫彩票-| www.278100.com-中国彩票官网代理| www.4355.com-新时时彩计划| www.35641.com-多盈彩票官方网站| www.028260.com-网易彩票是批准的吗| www.157628.com-必发指数新浪竞彩| www.273935.com-时时彩二星跨度| www.947493.com-极速3d彩票网站| www.63977.com-九九四天下彩cc| www.129252.com-快三百科-| www.256718.com-中国彩吧3d试机号| www.365480.cc-兰花的彩铅画| www.64tn.com-发微信买彩票中奖| www.5248.link-7号彩票网-| www.007872.com-彩票开奖号查询| www.9860.wang-79彩票登入平台| www.535382.com-135彩票-| www.899185.com-快三走势图下载安装| www.963797.com-大发快三计算| 凤凰彩票www.66652g.com| www.ca67.com-彩票知识讲解| www.ry93.com-福彩快三万能四码| www.17pk.com-彩鸾归令的意思| www.95ob.com-足彩推荐谁最准| www.2484.net-17彩票下载软件| www.7666.date-彩票77怎么样| www.21582.com-5亿彩app二维码| www.59363.cc-中国福利彩票任五| www.048234.com-网上玩福彩犯法吗| www.123935.com-全球彩可以玩吗| www.188364.com-福利彩票三选三怎么| www.251882.com-中彩吧55125| www.313665.com-幸运彩票是不是诈骗| www.375282.com-ttcp彩票官网| www.529246.com-七乐彩杀15码| www.594873.com-足球彩票19043| www.659635.com-炒菜彩票中奖查询| www.752555.cc-玩彩票被骗无法提现| www.827468.com-排三彩宝贝杀号定胆| www.888734.com-七乐彩历史中奖号码| www.964131.com-足球彩票投资技巧| 彩之家www.20czj.com| www.ah51.com-彩票123没有了| www.or36.com-福彩20选5l-| www.8wn.com-体彩投注机器怎么用| www.55kv.com-赢彩彩票你同行| www.695.me-美人鱼彩票怎么回事| www.3822.com-双彩论坛最大字迷区| www.8558.tv-牛蛀彩票-| www.58374.cc-人人中彩票没了| www.007210.com-山东体彩领奖地址| www.619366.com-云南省彩票兑奖地址| www.699861.com-彩客网正规么| www.777969.com-破解彩票中奖的秘诀| www.897109.com-彩票最长的龙有几个| www.951064.com-立彩彩票的猫腻| www.984953.com-彩运网骗局解析|