头像

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

来源:http://www.jiaogelvshi.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.jiaogelvshi.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
福建快3 www.255498.com-彩富网免费大全| www.785116.com-手机乐米彩票下载| www.879943.com-呼和浩特福彩中心| www.mz25.com-彩票兼职代玩| www.43ms.com-特彩吧49gcc| www.0608.website人人爱彩票软件下载| www.03101.com-彩票欠款打官司| www.67716.com-彩票棋牌游戏官网| www.549.tv-即开型彩票中奖窍门| www.927501.com-彩票数字几位数| www.98724.com-竞彩足球买量| www.127142.com-123彩票网址| www.00fb.com-一年级彩虹课文| www.0921.top-彩票合买机会多吗| www.81968.cc-福利七星彩开奖结果| www.305549.com-七星彩预测专家| www.384478.com-希望彩票送彩金| www.729237.com-福彩3天计划| www.830766.com-500彩票苹果下载| www.929628.com-幸运时时彩走势图表| www.988059.com-怎么破解彩票软件| www.dm96.com-快三快投第一门户| www.2967.cn-时时彩计划走势图| www.08787.cc-中国体彩公众号| www.68377.com-秒速时时彩开挂软件| www.60564.com-云南体彩十一选五开| www.1320.hk-106彩票-| www.061361.com-彩托骗局有哪些| www.992904.com-微信彩票赚钱下载| www.fz68.cc-河北省福彩排列7| www.yr61.com-长春彩票大奖| www.456401.com-彩易达光电有限公司| www.38fv.com-彩乐国际彩票| www.2595.xyz-体育彩票计算| www.177126.com-福利彩票一分快三| www.38167.cc-福彩96590-| www.583322.com-汇彩网登录注册| www.682986.com-大圣彩票家下载| www.ax47.com-彩票的各种玩法| www.9kc.cc-广西快三最大遗漏表| www.230.tv-体彩二十分钟一次| www.5969.top-乐彩网山东体彩论坛| www.633027.com-七彩乡村画廊成都| www.742928.com-799彩票平台| www.848224.com-宝马团队时时彩计划| www.910938.com-时时彩大小打法| www.971446.com-竞彩小软件-| www.cai2348.com福彩快3湖北| www.540072.com-那些歌是跳快三的| www.875424.com-福利彩票p62规则| www.941904.com-彩票店上班时间| www.987565.com-河南幸运彩技巧跑马| www.gf4.com-生肖彩票怎么买| www.117693.com-竞彩直播吧-| www.2993.cn-体彩大乐透最大奖金| www.139462.com-28app送彩金| www.432391.com-49c彩票集团| www.222232.cc-3号彩票-| www.355258.cc-昆山福彩快3| www.0493.cm-五彩堂彩票-| www.776855.com-?彩宝宝-| www.894801.com-查一下彩票中奖开奖| www.8714.xyz-特彩网吧-| www.33um.com-七星彩二等奖是多少| www.2793.biz-k8彩票平台注册| www.9576.loan-福彩三d今日谜语| www.42684.com-彩宝贝安卓版| www.567582.com-彩票中奖发的朋友圈| www.664403.cc-赢彩王官网-| www.753697.com-qq彩贝-| www.922223.com-彩票365网站| www.983790.com-北京福彩中心工作| www.wi4.com-中国竞猜彩网| www.130559.com-体彩自助终端机| www.645.tv-澳客彩票网凯利方差| www.6801.cm-竞彩足球强胆推荐| JJ彩票www.20016.cc| www.490954.com-淘宝彩票怎么没了| www.644595.com-彩九苹果下载安装| www.866302.com-手机买彩票官方网站| www.923035.com-彩色纸箱设备厂| www.973188.com-彩虹代挂网-| www.qf88.cc-彩10app-| www.04cx.com-大发彩票贴吧| www.83fa.com-亿乐彩官网登录| www.2368.in-七彩云盒苹果版下载| www.309761.com-江苏省体彩中心地址| www.219618.com-彩吧图库彩报中心| www.xw18.cc-彩6官方彩票网| www.70ur.com-三地金码家彩| www.467720.com-九号彩票安装| www.604624.com-迷彩兔网站-| www.673551.com-古建彩绘花边图案| www.761465.com-破解彩票中奖密码| www.138183.com-360彩票对比器| www.br14.com-快三2不同缩水| www.731149.com-成都体彩网查询| www.859916.com-十分彩的骗局| www.931501.com-澳门数字彩票技巧| www.977979.com-彩钢瓦围挡厂家| www.bf35.com-淘宝彩票一我的账户| www.840068.com-官方彩传统彩| www.946653.com-福利彩票生肖6十1| www.989267.com-v9娱乐彩票-| www.zl3.cc-360彩票全国开奖| www.99ca.com-★澳门博彩-| www.799733.com-历史彩票中奖号码| www.874715.com-爱中彩票app下载| www.943568.com-百福彩票官方网| www.984524.com-粤淘彩票下载安装| www.ib44.com-安徽省福彩中心在哪| www.m18.vip-彩票官网app| www.47lq.com-体彩代理-| www.920.site-买彩票有没有技巧| www.4423.xyz-久彩彩票官网| www.9113.mobi-福彩双色球奖号| www.80838.com-公务员中彩票怎么办| www.621636.com-彩影手机版官网| www.751950.com-云顶国际博彩| www.880345.cc-河南官方彩票网站| www.945799.com-福建体彩精英论| www.982845.com-福彩3d正版折线图| www.ht29.com-黑龙江省体彩| www.g64.net-彩宝网是骗局吗| www.886.website大发快三必中规律| www.803031.com-七星彩复式最佳买法| www.886106.com-正规外围足彩网站| www.985501.com-快三号码预测一定牛| www.ii7.com-深圳快乐彩-| www.181459.com-快三彩票倍投表| www.40408.cc-今晚几点开体育彩票| www.96428.com-足彩模拟投注| www.322623.com-体育彩票七星彩| www.522470.com-乐我时时彩计划网| www.591916.com-大中华彩票1980| www.665700.com-七星彩4字万字表| www.203563.com-江西快三一定牛预测| www.873342.com-体育彩票投注| 同乐彩票www.tlcp7.com| www.mt11.com-汇彩网快3-| www.44wu.com-黑彩快乐3-| www.268.cn-玩王牌彩票的技巧| www.8686.net-体育福利彩-| www.038833.com-双色球彩票中奖情况| www.013404.com-南国彩票论坛七星新| www.777767.com-鼓励买彩票的图片| www.882261.com-足球竞彩34彩票| www.956478.com-富贵彩可信吗| www.997084.com-3d褔彩迷语-| www.am46.cc-体彩7星彩走势图| www.yt93.com-奇门测彩票特殊号码| www.008669.com-聚金彩票-| www.128492.com-熊猫在线彩票| www.219846.com-新彩吧3d走势图| www.680513.com-彩网上怎么买| www.751970.com-80彩票快三-| www.891281.com-广西福彩新快3| www.945228.com-福建福彩投注站电话| www.979618.com-天下彩每期文字资料| 500彩票www.621477.com| www.gg01.com-快3是哪种彩票| www.un03.com-七星彩如何中奖| www.25983.com-彩虹怎么出现的视频| www.030625.com-金凤凰彩票合法吗|