头像

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

来源:http://www.mwwsc.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.mwwsc.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
8号彩票投注安全吗 www.86qb.com-360竟彩直播| www.341257.com-河北沧州福彩中心| www.881900.com-大乐透牛彩网| www.995676.com-爱米彩票网站正常吗| www.8vr.com-②元彩票下载安装| www.3667.in-旺彩双色球软| www.8469.cc-k彩—彩民中奖福地| www.950964.com-快三手机走势截图| www.969133.com-网易彩票资讯首互| www.07073.com-福利彩票真实可靠么| www.126493.com-18167期胜负彩| www.6924.cn-七彩阳光体转运动| www.370717.com-彩钢瓦防水怎么做| www.66bk.cc-时时彩五星复式计划| www.11139.cc-足彩推荐在哪里好| www.625712.com-广发彩票合法吗| www.825377.com-竞彩猫艾薇微博| www.964918.com-南宁中国福利彩票站| www.uq24.com-内蒙古快三今| www.91tb.com-宝盈时时彩计划| www.xx60.com-668彩票网合法吗| www.404849.com-漫画彩铅上色技巧| www.896288.com-玩彩网网址-| www.789089.com-浙江体彩模拟| www.095600.com-吉林体彩网11| www.198969.com-体彩彩票规则及奖金| www.946595.com-信彩票软件-| 500彩票网www.97655y.com| www.67815.cc-市长买彩票-| www.nz90.com-竞彩九场开奖奖金| www.wf86.com-北京5分彩开奖纪录| www.813484.com-福彩牛才总会| www.923526.com-亿彩彩下载-| 乐彩赢www.0014g.com| www.59pc.com-易购彩可靠吗| www.2284.biz-正规彩票店买黑彩| www.089131.com-快三杀号专家最准确| www.021612.com-老皇冠彩票登录| www.65rx.com-体育彩票法国vs| www.6327.biz-彩票丢失了怎么办| www.43455.com-七星彩历史开奖记录| www.040932.com-乐彩赢app-| www.459077.com-福彩3d天下无敌2| www.813203.com-香港首创彩金| www.952274.com-分分中彩票安全吗| www.jp65.com-100元彩票-| www.72598.com-竞彩总进球数规则| www.464977.com-广州足彩领奖去哪| www.38613.cc-环彩网app苹果版| www.195571.com-松原快三-| www.010607.com-熊猫体育彩票| www.126834.com-买彩员-| www.010359.com-御彩轩计划时时软件| www.126073.com-彩票最快开奖时间| www.4515.cm-阿莉彩票登录| www.72hc.com-最近大彩网怎么了| www.0447.net-彩票属于金融吗| www.5955.top-我要看彩票开奖| www.67lc.com-网页一青蛙彩导航网| www.57531.cc-购彩平台是真的吗| www.2220.hk-重庆时时彩冷热新浪| www.006696.com-五分⑥和彩走势图| www.76070.com-温州彩票店转让信息| www.069528.com-彩神争霸8lx| www.ar22.com-贵州体彩官网| www.018465.com-内蒙古快三统计图表| www.274477.com-分分彩稳赚不赔技巧| www.520808.com-石家庄市福彩中心| 彩61www.055890.com| www.71vf.com-中彩国际是什么意思| www.290377.com-彩票内蒙古快三| www.522271.com-彩富网手机最快报码| www.665822.com-七乐彩查询中奖查询| www.835666.com-顺丰丰彩怎么样| www.441388.com-彩钢瓦房顶造型| www.580476.com-体育彩票站转让信息| www.966201.com-广西快三走势遗漏图| www.5290.me-优彩平台登录| www.66781.cc-一定牛彩票直接下载| www.103060.com-188彩票手机版| www.212603.com-3d彩票-| www.69468.com-竞彩最佳投注计划| www.3264.com-福彩3d快餐-| www.379013.com-体育彩票加盟费用| www.ag8.cc-中国福彩吉林快三| www.d80.com-宝岛彩票-| www.32192.cc-易彩集团靠谱么| www.663591.com-澳门星星彩-| www.146705.com-易彩堂开挂-| www.587648.com-范德彪竞彩微信| www.9616.cc-彩经网排列三杀十位| www.522860.com-分分彩个位判断大小| www.626150.com-深圳鑫彩晨-| www.735916.com-天牛彩吧图库图| www.058635.com-3d东盛彩报今天| www.271155.com-彩票65-| www.397967.com-官方七星彩画规奖表| www.h94.cn-大发快三砍龙技巧| www.82xg.com-百度双彩论坛| www.445955.com-七乐彩出号规律| www.961809.com-qq在哪买彩票| www.32672.cc-彩票登录平台| www.271537.com-好彩3中奖金额| www.534666.com-彩票2元网下载官网| www.678645.com-下载彩云天气| www.837628.com-数字3彩神通免费版| www.992906.com-买彩票赚钱可靠吗| www.yo79.com-彩票胆拖-| www.65ld.com-彩票开奖杳洵| www.3672.biz-苹果彩票网线路入| www.201454.com-星彩三d-| www.0765.cc-福利彩票那几天开奖| www.033363.com-怎么看快三数字魔图| www.118647.com-购彩大厅uu快3| www.813988.com-彩票快3河北| www.965447.com-凤凰快三软件| www.21hu.com-彩票高手网址| www.3572.biz-南方双彩绿色版下载| www.v85.com-中彩票后如何领奖| www.832465.com-七彩视界官网页面| www.610410.com-快三如何买最划算| www.720218.com-彩票几点买号| www.8611.cn-百宝彩官网电话| www.8166.vip-彩贝壳app怎么样| www.90429.com-福利彩票自选怎么买| www.111837.com-福彩兑奖时间| www.262195.com-网购彩票能赚钱吗| www.412567.com-财富彩票登录网址| www.9200.loan-浙江福彩双色球搜狐| www.46743.cc-好彩二复式计算表| www.04pd.com-福彩往期往期结果| www.239580.com-王者彩票以什么盈利| www.608082.com-巴西三分彩开奖查询| www.189334.com-内蒙古福彩网快3| www.333288.com-竞彩扣税吗-| www.878962.cc-五位数的彩票| www.975113.com-快三计划套路| www.cn63.com-玩时时彩会坐牢吗| www.698268.com-彩吧彩票-| www.819785.com-买彩票的好处与坏处| www.962951.com-南方彩乐乐杀号专家| www.lh78.com-中彩彩票用户注册| www.3373.xyz-一分快三导师| www.352582.com-快三数字图片大全| www.zx76.com-网络彩票快三倍投| www.050245.com-黑彩定罪-| www.246373.com-江苏省体彩投诉电话| www.334591.com-快钱彩票是正规的吗| www.2348.me-福彩3d二码分沁图| www.303875.com-华夏鑫彩是正规的吗| www.299556.com-爱彩票网站-| www.383666.cc-今晚福彩开好| www.898168.com-爱玩彩票app| www.954419.com-1博彩票登录| www.999077.com-竞彩足球推荐网易| www.ag99.com-体彩迷画谜-| www.vb72.com-下载河南福彩开奖| www.24gr.com-手机彩膜定制机器| www.2229.cm-彩薇花化妆品怎样| www.9379.biz-去柬埔寨做博彩| www.67027.com-彩票中奖符如何画| www.033553.com-如意彩票网登录| www.997193.com-体彩高频彩-| www.96871.cc-合肥竞彩店交易排行|