头像

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

来源:http://www.jct-monitor.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.jct-monitor.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.08505.com-巴西快三辅助| www.qk93.com-江苏足球竞彩| www.84ak.com-好彩客最新下载| www.4377.biz-安卓版大中华彩票网| www.18195.com-致富彩票app下载| www.67618.com-679.com彩票| www.066837.com-彩票实体店老板吃票| www.3885.cc-彩金跟黄金哪个好| 豪彩VIPwww.hu508.com| www.813611.com-宁夏银川体彩中心| www.940083.com-48选7彩开奖结果| 爱购彩www.23636h.com| www.11888.cc-七星彩一中国体彩网| www.471224.com-香港三色彩有限公v| www.588461.com-七星彩头尾合6| www.680597.com-体彩中了5亿| www.898378.com-彩民乐树-| www.971388.com-足球彩票竞彩合法吗| www.cp434.com-快三技巧玩法教程| www.169852.com-江苏快三开-| www.316693.com-中国福彩标志图| www.443579.com-意彩软件下载| www.596888.com-买彩票怎么选倍数| www.739340.com-彩票匕星彩开奖号码| 网易彩票www.520462.com| www.089065.com-快三投注网是真的吗| www.257837.com-乐迎彩票app| www.351990.com-体彩竞彩一注多少钱| www.469470.com-美国有啥彩票| www.581229.com-丹麦足球竞彩网| www.703979.com-639彩票-| www.2hr.cc-小伙世界杯体彩| www.752.cc-时时彩和值怎么算| www.526272.com-3d可以网上购彩吗| www.956165.com-速盈彩票安全吗| 天朝彩票www.89893.cc| www.10371.com-中彩网美媒体擂台赛| www.810422.com-七彩乐开奖规则| www.906701.com-中国体彩网足球比分| www.984219.com-湖北福彩官方电话| www.kw06.com-福彩快3助手官网版| www.285737.com-中福快三计划网址| www.500914.com-彩色证件照是什么底| www.579907.com-七星彩明月珰好看吗| www.656031.com-七星彩澳客-| www.730697.com-足彩竞彩贴吧| www.7996.org-博彩是否犯法| www.57732.com-新星彩网站-| www.074818.com-快三秒电话吉首| www.139183.com-天天竞彩软件| www.218194.com-599彩票app-| www.300678.com-中国福利彩票开奖网| www.371990.com-体彩出的是什么号| www.466474.com-九久彩票app下载| www.550642.com-沈丘彩票最近中奖| www.669817.com-超级彩票助手ios| www.757923.com-三地中彩网预测| www.829211.com-彩net-| www.890524.com-坤彩谢秉坤之子| www.953293.com-竞彩篮球网首页| www.998040.com-258彩票网站| www.ca80.com-如何买彩票新手入门| www.yn68.com-彩票带单老师微信| www.255555.cc-体彩七星彩走势图| www.351548.com-彩神viii官方| www.262633.com-吉林市福利彩票| www.342816.com-京东彩票赛车直播| www.418765.com-宝龙彩票-| www.517509.com-大发快三怎么推算| www.579287.com-趣9购老彩票邀请码| www.049950.com-体彩试机号近30期| www.243062.com-潮信跟计划买彩票| www.318004.com-私彩平台漏洞刷钱| www.381873.com-河南福彩网发行中心| www.535832.com-八个数字的彩票| www.605191.com-多彩的近义词| www.682059.com-中密无极彩票软件| www.756799.com-彩66软件-| www.826283.com-33彩票33cc彩| www.892617.com-k8彩票网站-| www.952831.com-浙江体彩大乐透开奖| www.997154.com-旺彩双色球开奖公告| www.rc5.cc-福彩开奖25选5| www.sd36.com-上海体彩票11选5| www.854498.com-时时彩计划倍投稳赢| www.954387.com-彩77免费下载| www.999272.com-下彩网app官网| www.rj7.com-江苏快3彩票| www.tz63.com-网投彩票砍龙技巧| www.842726.com-金博时时彩-| www.564078.com-贵州多彩贵州城| www.656973.com-福彩3d质合是什么| www.893811.com-778彩票网app| www.951911.cc-5360彩票网平台| www.992043.com-2020中彩网-| www.va.cc-快三客软件-| www.08ej.com-体彩7位19043| www.4599.biz-体彩中一万-| www.092868.com-体彩摇奖直播视频| www.221939.com-今期七星彩开奘结果| www.318012.com-十字彩赌博-| www.416622.com-足球竞彩专家预测| www.524768.com-彩票中的数学ppt| www.604971.com-福彩微信交流群号码| www.663440.com-安吉彩票-| www.nq02.com-彩票查询三十六选七| www.108703.com-打错彩票店主全赔| www.277977.com-有安徽快三的台子| www.365761.com-主题画动物园彩铅| www.474650.com-图谜汇总3d牛彩网| www.564255.com-横沥东方亮彩厂好不| www.649958.com-博彩大数据-| www.789772.com-发展竞彩客户| www.883204.com-红彩直播下载安装| www.989121.com-打击黑彩福彩3d| www.ae37.com-河南快三遗漏预测| www.yl76.com-彩计划高手福彩| www.29eq.com-明天彩票号码是什么| www.248.hk-甘肃快三2019| www.4378.cn-公务员买彩票违法吗| www.9646.cc-s56.cc赢彩网| www.43044.com-贵州快三三同号推荐| www.739203.com-快三杀号技巧文库| www.839324.com-足彩胜负彩分析| www.1582.me-收藏彩票有价值吗| www.9306.vip-七星彩六等奖中奖率| www.77748.com-体彩机器故障| www.035751.com-皇冠快三开奖结果| www.122444.com-七星彩微信群号| www.107052.com-澳洲5分彩开奖记录| www.33wz.cc-世界杯足彩比分玩法| www.864057.com-体彩任选九开奖结果| www.953915.com-新浪爱彩足球比分| www.1463.vip-简单古风女子彩铅画| www.7026.vip-竞彩篮球彩票规则| www.13518.com-体彩足球竞彩计算| www.372873.com-彩票官方网购买| www.489772.com-天猫彩票游戏| www.560530.com-送59彩金的是那个| www.669532.com-大数定律玩彩票| www.3298.net-广西快三冷热| www.095281.com-购彩网g-| www.536614.com-福彩宣传标语| www.39737.com-彩票巴土-| www.036331.com-e家彩票计划官方| www.778787.com-安彩高科最新公告| www.869253.com-七星彩标准版走势图| www.974212.com-用彩铅画荷花| www.cp2928.com-彩票群-| www.895664.com-今日彩票合买大厅| www.983494.com-皇室彩票-| www.fo09.com-江苏福利彩票开奖| www.yf88.cc-河南派彩电子走势图| www.11ac.com-时时中彩票公平公正| www.76ve.com-虎门福彩印刷| www.922.date-临沂市体彩兑奖中心| www.3696.wang-七彩连珠加强版| www.997374.com-彩票com-| www.dc93.com-人人竞彩-| www.we98.com-彩票开将结果| www.02pv.com-e彩在线彩票| www.54rr.com-彩票用他人账号代玩| www.344.cn-色彩视频-| www.2518.biz-饰彩饰的意思|