头像

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

来源:http://www.jclordjewelers.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.jclordjewelers.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.ax0.com-彩票快3走势图长春| www.d79.cn-吉林体育彩票| www.59ue.com-彩票易购网靠谱吗| www.2154.win-快三顺子中了多钱| www.37781.cc-彩票庄家的思维| www.91508.com-联盟黄金炫彩| www.068722.com-百万彩票app| www.207563.com-彩票缩水大师| www.371777.com-买足球彩票规则介绍| www.611855.com-真实的彩票程序| www.803886.com-手机牛彩网-| www.958364.com-福彩3d两胆规律| www.os76.com-购彩大厅彩票合法吗| www.779.space-五彩神牛3d中奖诗| www.53398.cc-有澳门快三的彩票吗| www.049157.com-福彩3d专家推测| www.176126.com-大奖快三计划| www.272875.com-福彩在线是正规的吗| www.385103.com-体彩跨市兑奖| www.541651.com-竞彩猜比分-| www.635916.com-彩票打水-| www.747198.com-全球彩票安卓| www.819212.com-福彩有投诉电话吗| www.897741.com-网上买世界杯足彩| www.994353.com-体育彩票兑奖查询| www.dj60.cc-马来三分彩开奖号码| www.vd87.com-彩神通论坛-| www.23mu.cc-3d杀码牛彩总汇| www.1127.com-赢彩王计划软件下载| www.9211.com-彩民村心水之家资料| www.56226.cc-体彩多少个数字| www.069763.com-608彩票-| www.169531.com-内蒙快三玩法| www.286084.com-公益彩-| www.os95.com-福彩3d基本走势| www.57gn.com-悠悠小站彩票ios| www.0226.me-大花虎彩吧-| www.00923.com-高频彩开奖软件| www.73737.cc-竞彩猫收费太贵| www.031879.com-p62彩票开奖结果| www.240427.com-彩铅颜色搭配口诀| www.322523.com-足彩8串1推荐| www.400852.cc-七星彩三四差尾| www.615676.com-ok澳客彩票网| www.692985.com-17彩票绑定安全吗| www.771440.com-腾龙时时彩计划集合| www.905778.com-众赢彩票是骗局吗| www.973948.com-头条彩票app下载| www.an96.com-苏州福利彩票双色球| www.xi50.com-好彩三开奖-| www.42ad.com-唯彩足彩进球预测| www.0648.com-福利彩票店申请| www.9332.in-彩球滑梯游戏代码| www.65605.com-江苏老快三三同号| www.026760.com-体育彩票下期预测号| www.109851.com-彩宝贝财迷迷| www.183350.com-中彩彩票-| www.261821.com-掌上七天彩彩票官网| www.509306.com-东莞常平东方亮彩| www.582998.com-体育彩票购买时间| www.686200.com-彩钢板机械设备| www.759990.com-福彩六码遗漏app| www.tg1.cc-三分彩开奖记录| www.xm37.com-网上打甘肃快三| www.35sz.com-特区网彩票论坛| www.1093.vip-竞彩稳定盈利模式| www.7406.cm-天吉福彩彩票论坛| www.21359.cc-竞彩比分直播彩客网| www.61675.cc-海南7星彩大师群| www.028814.com-app彩票送18| www.102177.com-北京五分彩开奖数据| www.166987.com-新快三下载-| www.268230.com-新彩福彩3d-| www.352361.com-网络黑彩平台风控| www.425262.com-2019足彩任九| www.518910.com-q彩在哪下-| www.582278.com-澳客足彩手机版| www.651912.com-江苏快三彩票爱彩乐| www.772893.com-彩61在哪里下载| www.845908.com-江苏快三有赢钱的不| www.907855.com-合肥福利彩票| www.38195.cc-e彩堂可靠吗| www.354813.com-赤峰福彩官网| www.829009.com-87平台接单彩票| www.2999.cx-湖北快三技巧稳赚法| www.8345.in-时时彩快三是真的吗| www.28297.cc-常州中彩票谁| www.68140.com-体育竞技彩票倍投| www.052726.com-快三一分彩-| www.127123.com-唯美彩铅画图片花卉| www.198643.com-京彩app-| www.262851.com-手机如何购彩票| www.363352.com-彩虹桥游戏-| www.427492.com-篮球竞彩结果| www.516781.com-菲律宾博彩合法吗| www.580628.com-吉林省七星彩一等奖| www.646441.com-一分快三心得| www.766145.com-贵阳彩票无人认领| www.837278.com-立彩首页app| www.888710.com-易彩票app的网址| www.981929.com-世界彩票最大奖排行| www.in1.com-内蒙福利快三| www.nj70.com-新浪老式竞彩比分| www.v46.org-彩吧3d图谜-| www.44vf.com-uc彩票安全可靠吗| www.295.in-七星彩中奖标准| www.3138.org-七乐彩旋转矩阵| www.7999.win-体智能彩虹伞美篇| www.22398.cc-唯彩看球预测| www.58153.com-购彩盈利-| www.059417.com-北京福彩公益活动| www.130973.com-出台彩礼标准| www.197030.com-经彩网排列三走势图| www.259473.com-福利彩票幸运选号| www.322177.com-123彩票历史| www.380850.com-杨光华足彩-| www.529550.com-四季彩网站-| www.602264.com-外国人在中国中彩票| www.666110.com-彩票怎么才能挣钱快| www.729204.com-怎么ps彩票中奖图| www.791191.com-武汉福利彩票自助机| www.856853.com-今日福彩三地藏机图| www.909342.com-彩报第二版-| www.963539.com-足彩胜平负概率计算| 盛彩网www.41518h.com| www.bq85.com-福福彩快三盒子| www.qj92.com-南粤好彩1规律| www.49nv.com-生日彩票自动选号| www.409.in-买彩票致富-| www.3108.live-特彩高手专栏| www.7829.biz-免费领取彩金游戏| www.19995.com-河南幸运彩历史开奖| www.55058.com-福彩3d过滤app| www.94566.cc-pc福彩导师骗局| www.039994.com-辽宁竞彩快三| www.180399.com-内蒙古快三360| www.237306.com-福彩都有什么玩法| www.300867.com-彩票心水-| www.358165.com-买彩票会让人疯吗| www.421465.com-七星彩预测号众彩网| www.507225.com-能网上买彩票吗| www.565189.com-今天的彩吧图第一版| www.620577.com-彩票开奖93期| www.675258.com-福利彩票七乐彩预测| www.727918.com-易盈彩票官网| www.777956.com-玲珑彩票app| www.960999.cc-杏彩彩票平台官网| www.994975.com-英国五分彩网站| www.cp5238.com-北京彩票开奖| www.it21.com-江苏体彩e球彩下载| www.wu73.com-彩名堂-| www.00cf.com-爱乐透彩票app| www.53te.com-30选7七乐彩玩法| www.370.me-9123彩票-| www.2575.pw-兼职代理彩票犯法吗| www.7005.vip-足彩一注2元赢多少| www.10475.com-福彩3d多久开一次| www.42010.com-12彩票专业版| www.77439.com-zg中国体彩网| www.017954.com-网络彩票投注软件| www.068968.com-苏州福彩快3走势图| www.122184.com-中国足彩网比分彩果| www.178103.com-3分快三开奖结果| www.234412.com-合法的网上彩票|