头像

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

来源:http://www.shtlkq100.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.shtlkq100.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.8512.org-游戏机彩票攻略| www.334599.com-百事彩票首页| www.226078.com-浙江快乐彩一定牛| www.894824.com-福彩二分快三| 凤凰彩票www.77802c.com| www.117484.com-6701彩票app| www.550733.com-完美购彩大厅| www.695058.com-今日足球竞彩分析| www.974679.com-够力七星彩官方下载| www.18sq.com-彩票七乐彩几点开奖| www.680691.com-爱中彩票下载| www.845631.com-福利彩票事业改革| www.968286.com-体彩投注app| www.29lr.com-500彩票网好不好| www.31777.com-生肖时时彩开奖结果| www.015607.com-天天彩票代理违法么| www.489321.com-彩工网公众号| www.87489.com-平台彩票骗局揭秘| www.042443.com-多彩贵州网待遇| www.135790.com-体彩打票员-| www.219021.com-百姓彩票网页版| www.604079.com-买彩票的看法| www.689738.com-彩66彩票网-| www.773859.com-彩票统计走势图| www.861890.com-幸运彩app苹果| www.934368.com-7f000盈彩彩票| www.994841.com-01彩票服务器| www.fa99.cc-彩影吧-| www.9661.top-彩9彩票app-| www.74434.com-七乐彩中奖条件| www.095519.com-多彩贵州总经理| www.vi26.com-买彩票能中奖吗| www.190282.com-一分快3彩票网| www.332139.com-买彩票有时间限制么| www.511616.com-乐和彩彩票七乐彩| www.yw28.com-全能中彩彩票腾讯| www.091668.com-微微彩票是正规的吗| www.747766.com-彩运宝下载安装| www.900704.com-网络福彩举报| www.980717.com-火箭彩票app版| www.715293.com-宝马彩票能提现吗| www.062383.com-彩乐园官方网站| www.008704.com-彩票官方接口| www.172434.com-彩票端快三-| www.331550.com-乐彩vip购彩| www.495090.com-高频彩有没有规律| www.716533.com-彩铅落日画法| www.085161.com-求助基诺型彩票| www.207713.com-彩票平台app| www.320482.com-360彩票大厅| www.1432.cm-复式彩票奖金| www.qa13.com-手机版新彩网| www.678069.com-好彩门户开奖| www.237092.com-爱彩彩票网址| www.373110.com-吉林省快三调整| www.578131.com-正规网上彩票app| www.770134.com-时时彩害人不浅| www.877948.com-重庆时时彩现场摇奖| www.973062.com-免费彩虹主站搭建| www.7761.vip-体彩中奖最大金额| www.137652.com-中国体彩报专家预测| www.450082.com-爱中彩票安卓| www.851339.com-博彩业务员-| www.124456.com-关于买彩票句子| www.3ao.com-怎样投诉彩票网站| www.990554.com-福利彩票害人| www.943.gg-六会彩和六星彩区别| www.9918.loan-我查询福利彩票| www.88864.com-大圣彩票团队计划| www.164782.com-彩票大厅开奖| www.264458.com-彩票335-| www.376763.com-福彩家彩网-| www.154458.com-带玩彩票赚钱| www.049163.com-少爷贝岛全彩| www.96319.cc-订婚彩礼钱能退吗| www.35225.cc-澳彩开奖结果查询| www.047938.com-购双色球彩票选号| www.149544.com-中国福彩网唯一官网| www.060528.com-无意购买私彩违法吗| www.302767.com-微彩网是骗人的吗| www.441839.com-19日竞彩赔率解读| www.781433.com-卓易彩票网-| www.753841.com-搜狗彩票走势| www.665335.com-摇一摇七乐彩机选号| www.802328.com-即时开彩香港版| www.491862.com-中国彩吧3d走势图| www.512343.com-彩铅画古风景物| www.631969.com-七星彩杀头定胆| www.973852.com-福彩快乐3开奖结果| www.45509.com-阿里彩票是正规的吗| www.113017.com-大众彩票登陆| www.235428.com-广东体彩-| www.dp87.com-那个快三遗漏号码| www.730153.com-彩尊官网-| www.819536.com-易中彩票是正规| www.877790.com-福彩生肖6+1| www.133805.com-贵烟多彩好抽吗| www.000178.com-诚信彩票-| www.02918.com-福利彩票网站提现| www.79fr.com-彩票情缘全文阅读| www.020102.com-体育彩票7星彩| www.130755.com-蚂蚁彩票计划人工| www.298859.com-下载天天彩票最新版| www.454541.com-彩票两元中多少| www.270602.com-盛兴彩票app| www.386129.com-江苏体彩7位| www.570738.com-3cp上彩票app| www.805965.com-凤彩双色球-| www.47yh.com-乐乐彩票赌博案| www.v51.net-天下好彩网-| www.795573.com-福彩快3开奖查询| www.903361.com-超级快三-| www.974247.com-体彩和福彩的区别| www.dv86.com-福建快三开奖助手| www.29gf.com-怎么在手机买足彩| www.42ms.com-彩色纸箱加工厂价格| www.9150.in-彩宝用户注册| www.020354.com-彩38导航-| www.226560.com-街机快三是什么游戏| www.272362.com-快三有没有什么技巧| www.488458.com-金濠彩票app| www.600029.cc-2块钱买彩票中大奖| www.762153.com-哪个app能买足彩| www.878757.com-福彩积分怎么下载| www.978435.com-鼎盛彩票团队骗局| www.mp62.com-三分时时彩开奖记录| www.26pt.com-低价彩票店转让| www.7569.cm-东莞东方亮彩| www.69116.cc-上海彩票自助售票机| www.45238.com-红彩彩票-| www.037431.com-彩乐论坛网址| www.180102.com-河北快三万能码| www.309235.com-陕西省体彩中心| www.448569.com-福彩演播室答案| www.610318.com-2019高频彩新规| www.881757.com-5k彩票登陆-| www.8561.top-彩票2元网是真的吗| www.74400.cc-彩票平台制作排名| www.076639.com-彩票有几个数字| www.242413.com-福彩三个红号有奖吗| www.347198.com-彩票娱乐网站下载| www.453312.com-百乐门彩票备用网址| www.570969.com-福彩di试机号| www.443833.com-江苏彩票开奖| www.100067.com-健康新标准五快三良| www.1812.in-沃尔玛福彩图案| www.868171.com-福利快三软件下载| www.766.online-彩民之家图彩新图| www.367857.com-水彩星空画-| www.466438.com-3d福利彩票玩法| www.546218.com-体彩机器换纸视频| www.681564.com-网络彩票害死我| www.765669.com-888彩票网合法吗| www.860139.com-手机上的时时彩票| www.928114.com-彩色复印机哪款好| www.999368.com-大运彩票怎么玩能赢| www.04wv.com-彩色铅笔素描教学| www.22169.com-彩虹世界电脑版| www.730773.com-彩票返点5啥意思| www.31ks.com-七乐彩一周开奖几次| www.034782.com-委托买彩票-| www.cp6808.com-快三跨度走势| www.592651.com-七星彩够力解梦册| www.192.in-彩铅这样画很美|