头像

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

来源:http://www.divorcespapers.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.divorcespapers.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
彩神APP官网 www.239803.com-王者彩票可靠不| www.181762.com-中国福彩快三大小| www.319413.com-博友彩票怎么样| www.pf0.com-体彩竞彩31玩法| www.xt45.com-也买彩app官网| www.41uv.com-鸿运彩票资金安全吗| www.039080.com-福彩快三如何投注| www.226011.com-浙江快乐彩技巧| www.353234.com-88彩票官网注册| www.537184.com-意大利威尼斯彩色岛| www.951947.com-5360彩票主页| www.nz.cc-宁夏快三中奖技巧| 如意彩票www.565516.com| www.22207.cc-五百彩票网登录| www.720368.com-七星彩大奖技巧| www.832752.com-七彩图片高清| www.921605.com-用数学买彩票| www.041144.com-快乐双彩综合走势图| www.85283.com-武汉快三预测| www.053554.com-yy彩票主页-| www.168945.com-二分快三开奖号码| www.263011.com-彩票骗人的吗| www.345432.com-大无限捷豹彩票| www.434618.com-彩票用他人账号代玩| www.527579.com-赢彩王账号密码共享| www.1643.vip-时时彩双胆两期必中| www.36371.cc-高频时时彩下载| www.449101.com-最专业高频彩种| www.od08.com-快三输了5万了| www.187786.com-彩票规律破解图片| www.683151.com-网络幸运快三| www.45406.com-凤凰彩票平台找代理| www.044559.com-快三是不是很害人| www.6881.top-云彩简笔画-| www.51870.com-华彩赢家彩票是什么| www.291519.com-内蒙快三综合| 皮皮彩www.103380.com| www.yp53.com-彩票排行-| www.041468.com-凯发彩票-| www.552093.com-彩票九宫格分析法| www.904298.com-彩票代理能赚钱吗| www.110747.com-快三杀码定胆| www.464364.com-湖北体彩前三直选| www.579432.com-类似于七星彩的古言| www.667662.com-福利彩票七乐透| www.742909.com-免费彩金领取| www.815955.com-查一下乐彩网走势图| www.888763.com-下载最新网易彩票| www.70xp.com-时时彩开奖app| www.3001.vip-福利彩票齐鲁风彩| www.402555.com-福利彩票3d胆吗| www.909625.com-双彩追加和值谜汇总| www.993548.com-双色球彩票怎么玩的| www.fd30.com-快三智能分析软件| www.yh42.cc-福彩十五选五开奖| www.101681.com-武汉休闲快三| www.320628.com-快三是真的能赚钱吗| www.399041.com-足彩通怎么样| www.538328.com-w8彩票-| www.615520.com-亚洲版时时彩| www.690673.com-19045胜负彩| www.805957.com-私人彩票平台漏洞| www.204771.com-江西快三投注平台| www.290281.com-内蒙时时彩快3| www.576145.com-18053期体彩| www.439255.com-体彩竞彩打票示例| www.657290.com-游艺彩票机-| www.877133.com-最稳时彩买法| www.xn0.cc-贵州体彩十一| www.xg60.com-大中华彩票一分快三| www.63zv.com-自动售彩票机| www.0695.net-福彩店机转让| www.275356.com-一分彩开奖结果| www.399489.com-吉林彩民中奖| www.909399.com-胜利彩票官方网站| www.974972.com-彩票两元网走势图| www.cn6.com-多少人玩快三| www.66127.cc-怎样破解快三程序| www.380318.com-来彩彩票打不开| www.846152.com-乐乐彩票可以挣钱| www.901767.com-代理个黑彩台子多钱| www.961274.com-广州鸣彩艺术正规吗| 大赢家彩票www.5086w.com| www.474147.com-cb彩票-| www.455500.com-澳门博彩戒治中心| www.559302.com-大发快三网页版| www.ur.cc-福利彩票官网| www.qg86.com-好彩白1871-| www.07pw.com-彩票大奖号码| www.686187.com-彩票挂机助手| www.768389.com-时时彩开奖五星走势| www.890075.com-花生彩票真假| www.950745.com-网上能玩快三吗| www.992813.com-中彩国际下载| www.ap52.com-吉林快三跨度表| www.th77.com-昨天体彩开奖号码| www.02qo.com-微信彩票金豆领取| www.024027.com-如何做私彩老板| www.095620.com-爱彩乐账号是什么| www.175769.com-k彩-| www.241122.com-学彩铅画的好处| www.302048.com-大乐透杀号凤彩网| www.365609.cc-内蒙古体彩网点查询| www.458416.com-足彩网足球论坛| www.732084.com-微微彩票管网| www.799000.com-时时彩后三稳赚技巧| www.867906.com-时时中彩票官网登录| www.923697.com-秒速时时彩官方| www.974134.com-双色球杀号唯彩| VIP彩票www.616144.com| www.jh48.com-彩发发app苹果版| www.zn16.com-518彩网是骗局| www.19hb.com-买彩票中奖的人结局| www.77ub.com-辽宁福彩乐透| www.0715.net-体彩移机申请怎么写| www.ba75.com-河北体彩快3走势图| www.sm86.com-重庆时时彩作弊开挂| www.157893.com-竞彩足球官方版| www.231498.com-中彩威视软件下载| www.293324.com-快三押大小单双技巧| www.23356.cc-五百彩票网开奖结果| www.91186.com-欧盟好彩香烟| www.736721.com-福彩全麦必中解太湖| www.080888.cc-幸运魔方彩票疑云下| www.808888.com-必慱彩票登录网址| www.885923.com-众彩网排列五走势图| www.974366.com-好运彩官网-| www.077033.com-app彩票合法吗| www.193687.com-大发快三开奖直播| www.006566.com-好彩1预测广东| www.151079.com-体育彩票几个数| www.081531.com-彩票赔率-| www.706323.com-5期必中的彩票计划| www.771761.com-昆山快三开奖结果| www.888911.cc-体彩排列3组选奖金| www.953201.com-体彩排列五奖号码| www.994184.com-快三出豹子的概率| www.g73.club-彩一一i一一| www.513466.cc-福彩多长时间一期| www.580993.com-成都体彩店-| www.632822.com-足彩一注2元赢多少| www.574505.com-免费彩铃下载| www.639042.com-体育彩票申请要求| www.703050.com-竞彩倍投骗局| www.763881.com-掌信彩下载安装| www.815848.com-最快开彩-| www.870046.com-足彩分析师考试证书| www.916608.com-永盛彩票手机网址| www.962845.com-齐鲁风釆七乐彩查询| www.999568.com-福彩走势两千期| www.rt.com-青海快三位置走势图| www.777682.com-159足球彩票网| www.599.host-578彩票app-| www.8816.in-爱玩彩票网-| www.022741.com-约彩365靠不靠谱| www.242880.com-昆山彩票大奖| www.344518.com-怎么样买福彩票中奖| www.450249.com-七星彩真能中奖吗| www.719915.com-彩之源邀请码| www.807867.com-大优彩票怎么样| www.900860.com-e赢彩app-| www.956443.com-富贵彩害死了| www.993279.com-福利彩票站怎么盈利| www.jc3.com-内蒙快三投注|