头像

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

来源:http://www.njrbxs.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.njrbxs.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.19vf.com-体彩排名诈骗| www.375127.com-浙体彩20选5开奖| www.535671.com-搜狗彩票交易平台| www.622225.com-福彩乐透型开奖结果| www.704622.com-爱彩乐登陆-| www.798566.com-彩八app官网| www.882309.com-广西快三计划app| 500彩票www.50064f.com| www.tk27.com-河南福彩官网| www.18je.com-上海彩4天天开奖| www.069.site-自己开个网站博彩| www.4616.vip-彩票中大奖亲戚打架| www.40029.com-彩票聋哑学校| www.073343.com-大家赢彩票安全吗| www.161778.com-乐汇彩下载-| www.247399.com-福利3d开门彩票| www.527636.com-时时彩三星699注| www.299615.com-彩8官网-| www.88zy.com-7728彩票平台| www.7580.biz-麦久彩票网孟德| www.330620.com-上海快三安卓版下载| www.535369.com-0到9的彩票是什么| www.762952.com-傲赢彩票是哪个平台| www.920982.com-彩神8v-| www.bb96.com-爱彩通-| www.310946.com-惠民彩票是套路| www.867722.com-海南七星彩开奖图纸| www.989958.com-彩漂成分-| www.ti17.com-159竞彩足球| www.1164.com-彩票怎么跟长龙计划| www.34519.com-福利三分彩-| www.045987.com-福利彩票站怎么申请| www.188214.com-北京快三规则图片| www.339475.com-爱乐透彩票专业分析| www.574988.com-彩票网盘出租| www.905133.com-江苏快三群信誉群| 金彩www.983jc.com| www.tn35.com-福彩3d今天第二版| www.72kd.com-足彩14场36期| www.66220.cc-看一看彩票开奖结果| www.124669.com-彩票万能码漏洞| www.269052.com-下载933彩票| www.500784.com-彩色胶片发明时间| www.rx18.com-福彩旺彩下载| www.202274.com-贵阳福彩官方网站| www.500366.com-英国皇5分彩| www.967379.com-彩票群违规-| www.384645.com-体彩竞彩预测分析| www.804188.com-体育彩票如何购买| www.925996.com-雅彩彩票app| www.mq7.com-爱彩乐官方网站| www.04xu.com-彩铅素描画图片大全| www.2817.top-彩票几点更新| www.28971.com-福利彩票奖金计算| www.057118.com-七星彩开什么奖| www.178399.com-买彩票的人都是傻子| www.321134.com-彩票7星彩开奖结果| www.806816.com-彩票老师带我回本| www.939906.com-重庆福彩中心怎么样| www.bt38.com-彩票代投-| www.236519.com-山东福彩票手机投注| www.395620.com-什么彩票周六开| www.19773.cc-嘉兴体彩招聘| www.258607.com-竞竞彩网-| www.966310.com-五分⑥和彩-| www.58450.com-时时彩购彩助手下载| www.171222.com-快三河北今天开奖| www.346699.com-金豆彩票下载安装| www.605530.com-海口七星彩几等奖| www.06ho.com-爱好48色彩铅色卡| www.003974.com-体彩大赢家预测号码| www.226086.com-乐乐彩-| www.386199.com-代玩彩票账号| www.573302.com-七星彩早版加急版| www.720087.com-一分幸运七星彩| www.863041.com-智慧彩票预测软件| www.981181.com-下载宝发彩票app| www.605819.com-好运彩彩票苹果版| www.774711.com-七乐彩几个号能中奖| www.903376.com-开博彩app多少钱| www.kn23.com-8k彩票网站-| www.43tf.com-七彩建设股票| www.4989.website福彩试机号近十期| www.46700.com-时时彩小鹿计划| www.068310.com-彩软软件园-| www.260986.com-买彩票选号技巧规律| www.474550.com-时时福彩聊天室| www.819832.com-文家市镇彩票投注站| 凤凰彩票www.88266k.com| www.352270.com-网易彩票提现流水| www.535469.com-2元能买彩票吗| www.751977.com-福彩3d怎样定大小| www.925931.com-双色球彩聪爷预测| www.bf60.com-帝王彩票兼职靠谱吗| www.71059.com-180彩-| www.190102.com-快三大小单双口诀图| www.331861.com-福满天体彩店合法吗| www.585642.com-01cp彩票官网| www.777808.com-爱乐透彩票新版网址| www.456509.com-彩票三d图纸今天| www.617676.com-亿理亿彩票靠谱吗| www.806728.com-网络上怎么买彩票| www.949270.com-江苏福利彩票结果| www.wv57.com-金沙银河送28彩金| www.1310.com-爱彩乐快乐12| www.88642.com-神秘彩票app| www.629546.com-幸运彩票靠谱吗| www.05gg.com-家彩网排三胆码杀码| www.8701.vip-体彩七星彩大奖| www.77409.com-众乐彩票手机客户端| www.222180.com-福彩十分钟开奖结果| www.365767.cc-简单铅笔淡彩画| www.656825.com-福彩当天几点结束| www.823189.com-天下彩票是真的吗| www.l10.org-大发云旗下彩票平台| www.37291.com-香港新星彩网| www.195506.com-体彩图标-| www.315124.com-彩虹软冰淇淋机| www.456578.com-怎么买国外的彩票| www.787285.com-云南体彩官网| www.nd89.com-保定彩票-| www.0662.bid-体彩换纸-| www.9512.shop-今日彩票农历| www.222229.cc-今晚彩票开奖号码| www.432741.com-香港分分彩主页| www.623217.com-流光溢彩的意思| www.815887.com-燕赵风彩-| www.984779.com-手机彩票可信吗| www.vp53.com-多乐彩十一选五奖金| www.99488.com-体彩查询大乐透查询| www.523744.com-福彩12选5规则| www.625894.com-彩宝贝导航首页| www.797782.com-九九集团彩票可信吗| www.64568.com-竞彩对冲打水| www.257255.com-江西快三软件| www.438768.cc-二分彩规律技巧集锦| www.91595.cc-蓝色炫彩油画| www.855166.com-快三重一注多少钱| www.356492.com-做外卖能送彩票吗| www.489112.com-众乐彩票线路导航| www.740933.com-梦彩票数字| www.868244.com-uk彩骗局-| www.958100.com-k3彩票网官方网址| www.cg43.com-江苏快三购买平台| www.84cp.cc-好彩客app最新版| www.291109.com-一分快三大小怎么玩| www.397569.com-飞来福彩吧今天3d| www.06164.com-人人中彩555| www.72731.com-全国彩票弃奖| www.540511.com-体彩金码关注码今天| www.826731.com-南方彩票官网下载| www.983915.com-福彩天吉预测网| www.vo39.com-体彩彩票开奖结果| www.887.xyz-快三倍投8倍是多少| www.78612.cc-新昌双彩农家乐| www.hj06.com-湖北快三号码统计图| www.65lq.com-吉利三分彩官网| www.219429.com-福彩6十1开奖结果| www.456007.com-彩票至尊宝典下载| www.596181.com-网站购买体育彩票| www.735962.com-彩吧排三今天试机号| www.906094.com-18k彩金-| www.987698.com-106彩票最新版本| www.101581.com-噢克彩票网-|