头像

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

来源:http://www.upwardblast.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.upwardblast.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.sj9.cc-彩票代理刷流水攻略| www.634125.com-建盏洋彩-| www.721705.com-5分快三计划群| www.801814.com-福彩3d试机号总汇| www.879169.com-和彩印-| www.960298.com-大吉彩票网开多久了| 500彩票www.957588.com| www.kj25.com-易彩快三高手计划| www.9zb.com-福利彩票最晚几点买| www.75nt.com-彩名堂稳吗-| www.800746.com-福彩3d藏机图最真| www.877789.com-体彩开奖走势图| www.950751.com-体彩不败胆码| 网易彩票www.332037.com| www.kj01.com-快3彩票大小单双| www.234314.com-彩票快三倍投技巧| www.609283.com-快点恢复网上彩票吧| www.90vj.com-家彩网试机号对应码| www.250157.com-全中彩票最新版| www.098204.com-国彩彩票网页| www.496902.com-好彩频道怎么看| www.h61.com-北京赛车彩票官方网| www.4957.cm-网澳客彩票-| www.96276.cc-飞腾彩票是真的吗| www.9149.biz-陕西快三今日走势图| www.2624.cn-淘彩网是官网吗| www.00184.com-国彩是黑平台吗| www.541631.com-新疆体彩-| www.635861.com-组织购买黑彩犯法吗| www.114605.com-彩友时时彩计划| www.849206.com-金鹰团队重庆时时彩| www.951545.com-红彩网邀请码在哪里| www.fk0.com-时时彩app-| www.sl13.com-彩票虚拟投注网| www.018667.com-福彩双色球计划软件| www.60453.com-中福彩票平台| www.dj41.com-狗力七星彩奖表| www.43eh.com-网易理财中华彩| www.10192.com-中彩网双擂台赛| www.23oq.com-彩之网彩搜网| www.56xe.com-118彩票真的吗| www.2999.win-体彩牛材网排列预测| www.18607.com-竞彩倍投骗局| www.879.hk-彩93ios-| www.939712.com-多玩娱乐幸运快三| www.al26.com-七星彩前四位| www.1167.vip-彩富网高手坛| 5号彩www.585hc.com| www.256963.com-3d彩票投注方法| www.d01.com-百宝彩彩通群英会| www.979664.com-香港二四彩开奖结果| www.bn53.com-彩票虚拟金额试玩| www.1ma.com-疯狂红单怎么买彩票| www.461.cn-快三限号怎么办| www.87882.cc-金沙国际彩票怎么玩| www.125223.com-彩票有哪几种类型| www.258677.com-足球比赛竞彩网| www.3678.biz-体彩十一运夺金预测| www.257384.com-好彩票专业购彩助手| www.97fv.com-29彩票-| www.615616.com-美狮彩票怎样| www.702502.com-快三猜一个号码| www.217166.com-哪些省有快三| www.896007.com-福彩3推荐号码| www.963804.com-新手彩票怎么玩法| 彩天下www.156689.com| www.024116.com-磁县彩票中42万| www.499914.com-河内5分彩被骗| www.94nx.com-买彩票输光-| www.940404.com-48彩票结果-| 开心彩票www.572539.com| www.221867.com-官方彩乐透是真的吗| www.607752.com-天津市福彩领奖地址| www.587091.com-鴻彩彩票-| www.736881.com-体育彩票机选好还是| www.841211.com-儿童彩妆安全| www.906979.com-山西体彩官网| www.964219.com-卖体彩赚钱-| 网易彩票www.36788s.com| www.8907.vip-竞彩比分预测准确的| 68彩票www.68682b.com| www.vt51.com-快乐彩开奖走势图表| www.945318.com-福建体彩网阿四论坛| 百姓彩票www.www.bxcp3333.com| www.868996.com-55彩票是真的假的| www.cp857.com-410彩票-| www.gm9.com-幸运快三稳赢计划| www.644940.com-c9彩票下载-| www.783556.com-贵宾室彩票平台| www.969428.com-凤凰彩票输了50万| www.zt4.com-福彩双色球开奖45| www.36sj.com-趣9购老彩票app| www.k28.com-哪些是官方彩票网| www.cai77.cc-快三开奖湖北| www.jq59.com-找个微信快三群| www.01517.com-彩吧2代理申请| www.039937.com-大发快三软件公司| www.191984.com-河南福彩网快3预测| www.752508.com-大丰彩票网-| www.961662.com-王者彩票是骗局吗| www.zd85.com-彩票分析家app| www.275671.com-365彩票app-| www.406986.com-9288彩票-| www.576778.com-彩票图片-| www.685815.com-好运来彩票网下载| www.841550.com-体彩内部人员骗局| www.981463.com-成功彩票正规吗| www.y56.club-福利彩票主任鲍学全| www.94rb.com-开彩365是什么| www.599693.com-天天中彩票还能买吗| www.855632.com-七乐彩能买七个号码| www.ix6.com-百姓彩票怎么样| www.k19.biz-吉林快三大群| www.199883.com-河南福彩22选五| www.703858.cc-有多少人玩私彩| www.187128.com-腾讯时时彩官网| www.168595.com-快3彩票-| www.764118.com-带俸禄的彩票金管家| www.73294.com-天涯明月共此时彩票| www.520290.com-体彩牛材网杀号定胆| www.583543.com-彩票排列5计算算法| www.ms83.com-安徽快三走势图爱| www.t53.club-118彩票怎么安装| www.47kv.com-东方彩虹-| www.655.cm-圣地彩-| www.5059.cn-北京体彩app下载| www.582.in-彩票玩套彩什么意思| www.373796.com-彩智11选五-| www.021.name-彩吧‖登录平台| www.095512.com-多彩贵州评论孟伟| www.474600.com-南方彩吧网-| www.138589.com-香港时时彩开奖查询| www.62043.com-彩票巴巴是真的吗| www.345797.com-大猿口算数彩票| www.454656.com-万达商城投彩| www.536665.com-最新福彩九宫寻宝图| www.598594.com-七星彩100走势图| www.655849.com-彩釉玻璃图案| www.706723.com-吉林快三预测分析| www.773071.com-彩票预测最准的专家| www.906829.com-有几种彩票-| www.972555.com-正版的福利彩票网| 多乐彩票www.244949.com| www.781542.com-优游彩票怎么样| www.957233.com-金利彩票会给钱吗| www.yx3.com-体育彩票怎么买号码| www.e20.com-百度乐彩彩票软件| www.93ze.com-易彩票网页-| www.8198.bid-快三和值单双秘籍| www.25995.cc-佛教解释彩虹| www.61142.com-093彩票吧-| www.372323.com-肥东体彩-| www.882361.com-米橙购彩平台| www.028901.com-爱乐彩官网正规吗| www.177579.com-快三奖金是多少| www.349734.com-老版乐彩论坛| www.130666.cc-彩霸王官方网站| www.221711.com-黑客破解时时彩| www.309618.com-31选7私彩-| www.392681.com-江苏体彩领奖地址| www.01597.com-米兜彩票不能提现| www.610936.com-武汉竞彩快三查询| www.382891.com-彩票店平台代理招商| www.32765.com-彩66官网下载|