头像

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

来源:http://www.turnkeyfranchises4u.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.turnkeyfranchises4u.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.015997.com-唯彩会三d-| www.32393.com-爱彩彩票网页版| www.98422.com-快三彩票几点开始| www.107163.com-黑客买彩-| www.203234.com-彩票坊app下载| www.297977.com-快三图片图片| www.385979.com-天津体彩七星彩开将| www.572466.com-湖北体彩双色球| www.661225.com-重生之彩票专家| www.752953.com-买彩票输了8万| www.847253.com-竞彩篮球投注量分布| www.931189.com-快3中彩网aap| 开心彩票www.ck3578.com| www.hf13.com-一网彩票下载| www.i52.xyz-体彩36选7走势图| www.54zt.com-三分彩票-| www.1040.cm-1号彩票网下载| www.11879.com-辽宁福彩网排列5| www.63677.com-投注量竞彩-| www.034971.com-799彩票-| www.124633.com-腾讯分分彩任三漏洞| www.211867.com-卖私彩定罪量刑| www.043121.com-体彩宣传图片| www.182618.com-北京快三和值中奖| www.291571.com-玩快三赢钱了| www.369430.com-美国彩票新高| www.485518.com-网络售卖刮刮卡彩票| www.566958.com-美国兆彩中奖规则| www.639442.com-体彩刮刮乐有任务| www.808612.com-万彩吧凤彩网| www.884504.com-研究彩票-| www.951454.com-优信彩票怎么样| 奔驰彩票www.29178d.com| www.kg82.com-彩96官方-| www.t61.club-怎么拉人买彩票| www.65ja.com-乐彩论坛福彩网| www.1731.org-彩票306官网下载| www.67060.com-绵阳福彩在线直播| www.062261.com-澳客胜负彩电脑版| www.178122.com-彩票快三有口诀吗| www.266870.com-19024胜负彩| www.378974.com-潢川县福利彩票刮刮| www.489155.com-购乐彩票靠谱吗| www.565110.com-河南福彩网app| www.632225.com-c66彩票下载| www.708624.com-订做彩票店走势图| www.783798.com-网售彩票怎么举报| www.858496.com-彩迷天地36期| www.921622.com-如何破译彩票| www.978859.com-好彩烟在哪能买到| www.cp903.cc-北京快三app| www.nv80.com-买彩票算赌吗| www.04am.com-彩票胆是什么意思| www.83gi.com-好彩堂之管家婆| 易彩集团www.25688n.com| www.837409.com-立彩追号骗局| www.957674.com-五分彩票是真是假| 彩票5www.725422.com| www.in05.com-彩乐乐遗漏-| www.546559.com-福利彩票店开店流程| www.730877.com-福彩网一分快三| www.809000.com-体彩号码几位数| www.901716.com-体彩今天试机号金码| www.3811.in-体彩22选5开奖| www.38715.cc-308彩票28-| www.cp9332.com-分分中彩app| www.6pf.com-福利彩票各省份排名| www.99hc.com-双色球最新彩迷天地| www.4411.cm-刮刮彩返奖率| www.01881.com-彩票成瘾治疗| www.80928.com-排列五彩票图片| www.039026.com-六开彩鬼谷子论坛| www.115076.com-福彩投注机开通快三| www.193914.com-中彩堂正版-| www.273547.com-pc蛋蛋是福彩吗| www.343444.com-有没有买彩票养家的| www.415768.com-七彩阳光视频下载| www.513113.com-百度一下乐彩彩票| www.590169.com-星彩彩票网-| www.659530.com-明发彩-| www.950994.com-双色球是中彩在线吗| www.999965.com-腾讯十分彩开奖软件| www.062279.com-国彩平台登录| www.182859.com-中国竞彩网任九开奖| www.288912.com-彩票开奖查询123| www.479106.com-竞彩足球中奖新闻| www.566382.com-体彩任九开奖金额| www.640017.com-大通彩票平台| www.726220.com-福彩第三版-| www.800957.com-体彩送的手环| www.875794.com-中国福利彩票恒大网| www.949071.com-网上购彩票合法| 天天彩票www.2373f.com| www.er59.com-快三技巧论坛| www.wz08.com-休彩排烈三和值表| www.16og.com-旺彩双色球开奖下载| www.0668.win-开奖查询彩票| www.7536.pw-如何发展竞彩彩民| www.25184.com-儿童彩铅画好处| www.68270.com-新加坡五合网彩图库| www.050380.com-玩手机黑彩怎样赢钱| www.132901.com-彩色压膜艺术地坪| www.208598.com-彩票助手手机版| www.279453.com-胜负彩500万| www.376500.com-七是彩-| www.476009.com-129彩票网-| www.545507.com-胜负彩比分开奖| www.615925.com-浙江福彩大奖| www.686757.com-课文中彩那天朗读| www.770051.com-恒大彩票网安全吗| www.844246.com-中福彩机构组成| www.908826.com-湖南福彩官网新址| www.971102.com-体彩有哪几种玩法| 亿彩堂www.87668m.com| www.ft69.com-中国福彩网一分快3| www.wt12.com-双色球彩票指南报| www.13vv.com-福彩3d迷语-| www.80js.com-粤海七星彩-| www.1602.com-3d杀码家彩网| www.10900.com-澳客网彩票客户端| www.52619.cc-好彩无嘴烟-| www.94101.com-19048体彩-| www.053021.com-雅彩足球彩票下载| www.163054.com-体彩排3今晚开奖号| www.248211.com-518彩票网登录| www.316636.com-环彩app下载| www.382896.com-香江彩-| www.558993.com-赤峰福彩中心主任| www.613212.com-江苏福利快三| www.670120.com-香港时时彩下载| www.729985.com-快三跨度怎样分析| www.789094.cc-模拟足彩软件| www.848693.com-汪汪时时彩升级版| www.899798.com-天天彩票下载东坡| www.954772.com-今晚上体彩开什么码| www.995564.com-通过社交软件福彩| www.cp9100.com-购彩大厅下载| www.lv57.com-拉萨快三开奖| www.f74.loan-下期的彩票中奖号码| www.30sq.com-开个福利彩票| www.0245.vip-众乐彩票靠谱吗| www.6225.com-今天三d买什么彩票| www.11623.cc-高频彩计划客户端| www.51952.com-福彩3d开奖72期| www.91308.com-好彩粉色爆珠什么味| www.042071.com-彩票代理怎么拉会员| www.168769.com-福彩新快3-| www.253301.com-彩友之家app下载| www.319004.com-五分时时彩计划下载| www.382513.com-足彩19022分析| www.502072.com-093彩票代理| www.566380.com-恒发彩票是不是骗局| www.618815.com-青岛福彩兑奖地址| www.678032.com-福盈门彩票黑吗| www.736608.com-上海体彩网11选5| www.793836.com-线上博彩报警| www.851674.com-红五说彩-| www.899553.com-彩票对冲套利风险| www.953994.com-网上计划彩票| www.990659.com-8199cc彩票网| www.cp135.com-福彩快三是不是骗局| www.jk55.com-河南快三奖金表| www.yq08.com-信彩票官网-| 计划软件-福彩主播-|