头像

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

来源:http://www.dn64.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.dn64.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
腾讯分分彩 www.7237.cm-彩虹6号季票没了| www.425778.com-体育彩票报刊大全| www.555704.com-大华彩票网址| 500彩票www.50026x.com| www.501332.com-六给彩开奖结果l| www.138933.com-湖南福彩网网| www.209490.com-黑彩打票员怎么判| www.849005.com-新加坡官方福彩| www.mw5.cc-彩票2元网-| www.77ym.com-境外博彩员工犯法吗| www.12628.cc-官方体育彩票app| www.363593.com-快三一注中奖赔率| www.60zw.com-富彩娱乐平台下载| www.557876.com-大赢家彩票是真是假| www.747674.com-环彩官网-| www.903057.com-万豪福彩app下载| www.877599.cc-多网彩迷-| www.602166.com-中彩票买什么车| www.97449.com-抵制天价彩礼| www.424566.com-彩乐瀑客服-| www.js65.com-体彩屋安徽快三| www.119695.com-时时彩带单骗局| www.253998.com-足球彩票外围| www.144143.com-关小刀足彩预测推荐| www.314492.com-中国竟彩足球计算器| www.036686.com-bb竞速快乐彩| www.0823.cm-欧冠去哪买竞彩| www.52qw.com-天刀射利彩签| www.31197.cc-最新彩票升奖结果| www.0088.wang-福彩3d独胆讲座| www.57561.com-澳客买彩票靠谱吗| www.194674.com-快三胆码公式| www.400595.com-文昌七星彩梦册| www.534224.com-买彩票不中表情图片| www.607673.com-怎么看福利彩票中奖| www.486528.com-蓝彩预测-| www.587868.com-休彩排三走势图2元| www.673821.com-油性彩铅画苹果| www.755515.com-大乐透旺彩查询| www.834266.com-彩票软件哪家好比较| www.918712.com-海南博彩-| www.988233.com-两分快三全天计划| www.693345.com-东森彩票-| www.887978.com-香港足智彩网站| www.560092.com-安卓版冀彩宝下载| www.560271.com-彩365买彩票程序| www.6864.vip-下载竞彩官方网站| www.142886.com-福彩3d小小鱼彩图| www.417900.com-厦门开彩票店| www.699342.com-内蒙古快三综走势图| www.965134.com-今晚彩票的开奖结果| www.13cv.com-彩吧是什么-| www.05bs.cc-7星彩开奖查询| www.478765.com-竞彩足球不好买| www.623466.com-福彩快讯-| www.761927.com-庄家克星时时彩| www.252266.com-福彩有快三吗| www.369497.com-雅雅彩票-| www.509728.com-博彩用什么支付通道| www.619499.com-3d彩票的秘密公式| www.718501.com-彩虹旗的寓意| www.828733.com-福彩3d怎么挣钱| www.922290.com-七乐彩中奖图片| www.23440.com-时时彩后三组六杀号| www.802725.com-8彩快三计划软件| www.30665.com-福彩3d天吉手机版| www.233646.com-河北燕赵福彩网官网| www.531757.com-彩票33网址多少| www.657498.com-今晚体彩开奖情况| www.783911.com-广西福令快三| www.956073.com-彩影2010教程| www.ir.com-快三单式中奖规则| www.vh66.com-牛彩网3d胆断组| www.436829.com-广西福彩网app| 吉利彩票www.80075q.com| 快彩在线www.2632a.com| www.567061.com-手机版彩神通| www.711247.com-彩虹世界app新版| www.816293.com-吉林省快三预测| www.916018.com-如何申请一家福彩店| 购彩网www.05gcw.com| www.810906.com-潍坊体彩店转让信息| www.907161.com-福利彩票几位数| www.ag52.cc-熊猫彩票合法吗| www.379965.com-明彩丝雾散粉| www.vf91.com-大发快三大小心得| www.951845.com-大发时时彩网站下| www.cp521.com-上海快三开奖结果快| www.vt00.com-360彩票开奖查询| www.447332.com-乐博彩票合法吗| www.165971.com-快三计划网页| www.637447.com-小米彩虹电量| www.81735.com-昨晚福彩开什么奖| www.733209.com-江苏体彩大乐透网| www.392654.com-体育彩票开奖昨天| www.628980.com-福彩任务代打| www.934580.com-掌上娱乐彩票苹果版| www.cp799.com-福彩快三大全下载| www.5257.love-篮球彩票胜负翻多少| www.507139.com-福彩新彩票网| www.638304.com-色彩风景画临摹图片| www.262396.com-全部彩票平台| www.34910.com-美女微信诈骗彩票| www.95925.com-福彩公益玩法| www.186644.com-河北快三历史开奖| www.403990.com-2229七星彩图规| www.22859.com-福彩快3一定牛| www.ds2.cc-湖北快三跨度图| www.xy7.com-新手如何买体育彩票| www.k29.cn-hcw好彩网-| www.60qr.com-掌中彩官网投注| www.113728.com-彩涂钢板生产| www.227188.com-河南福利彩票网| www.377208.com-腾讯分分彩后三跨度| www.697890.com-浙江体彩兑奖中心| www.125160.com-买彩票如何中奖| www.212572.com-玩私彩哪个平台靠谱| www.315392.com-彩81彩票app| www.435209.com-竞彩受注量-| www.959743.com-盈彩官网江苏快三| www.dp68.com-118彩票真黑| www.u56.cn-体彩3d藏机图| www.626692.com-彩16官网登入| www.720360.com-今晚彩票号码是多少| www.792501.com-七位数彩票几点开奖| www.865748.com-河北福彩试机号今天| www.937561.com-最好的彩票平台源码| www.994716.com-好彩客官方-| www.154.org-彩虹天堂作曲| www.xe78.com-中彩网三d走势图| www.509631.com-彩16平台合法吗| www.9kc.cc-广西快三最大遗漏表| www.eb3.cc-快三定胆技巧| www.185389.com-一定牛彩票网官网| www.301661.com-中彩体育骗局| www.366610.com-中国福利彩票33期| www.880956.com-黑彩平台套路| www.976248.com-方城结婚要多少彩礼| www.cai1555.com网络快三平台| www.246635.com-快频彩20分钟| www.204891.com-内蒙古快三开奖直播| www.4900.in-彩票688网-| www.3516.vip-玩彩票能赢吗| www.190.vip-漂亮简单的彩铅画| www.104731.com-好彩柠檬爆珠价目表| www.198292.com-上海快三软件| www.276361.com-北京快三下注官网| www.7542.top-申请竞彩的条件| www.36451.com-体彩开奖现场| www.866046.com-七星彩私彩平台网站| www.605499.com-全国福体彩开奖查询| www.360013.com-正规彩票店卖私彩| www.516004.com-足彩卖料骗局| www.435915.com-九州彩票网正规吗| www.531288.com-艾彩原创全部视频| www.tb68.com-福彩所有彩种| www.04md.com-体彩3d出奖号| www.cp3344.cc-官方一分快三| www.lp59.com-高频彩票倍投技巧| www.5oc.cc-足彩个人所得税| www.47yx.com-彩乐乐群英会下载| www.qe59.com-快三豹子规律走势图| www.41tw.com-491彩票与你同行| www.354.mobi-中大奖怎么兑现彩票|