头像

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

来源:http://www.il-auctions.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.il-auctions.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.390612.com-9万彩票安卓下载| www.855535.com-七乐彩复试中奖表| www.931998.com-七星彩有中大奖的吗| www.993071.com-彩票号码选一个数字| www.ac05.com-1分快三计划今天| www.vv07.com-如意彩票app平台| www.23nw.com-韩国金山快三查询| www.0016.com-属龙购买什么彩票| www.6765.me-如意彩怎么样| www.26243.com-彩票的税是多少| www.77664.cc-彩票cp36可靠吗| www.043034.com-彩票店开业广告语| www.737500.com-福彩三d中奖票| www.847822.com-甘肃天价彩礼| www.935781.com-248彩票网可靠吗| www.997050.com-湖北快三一定牛下载| www.at08.com-精彩十分玩法图| www.yq09.com-吉林省福彩兑奖地址| www.59og.com-体育彩票销售点距离| www.893995.com-彩63下载-| www.971834.com-泰安体育彩票电话| www.fc59.com-速赢彩骗局-| www.m83.tv-彩票开奖查询图案| www.0157.vip-彩色宝石种类及价格| www.9218.cc-小鹿多彩彩票| www.51488.cc-糖果彩刷彩票可靠吗| www.114860.com-彩神1.98邀请码| www.202008.com-分分快三预测网站| www.365954.cc-福彩的开奖号| www.507397.com-深圳市福彩3d| www.mf48.com-凤凰网投时时彩| www.20qz.com-体彩2月16号开奖| www.4392.biz-好运彩开奖-| www.12978.com-昆山张浦彩票中奖| www.59978.com-彩票店私自坐庄| www.121449.com-找彩票导师带赚| www.250069.com-中彩官网app下载| www.cai4822.com江苏快三开-| www.zw53.com-彩世界官网-| www.23128.cc-光大彩票手机版| www.019331.com-彩24-| www.138689.com-全天时时彩计划网页| www.242896.com-盐城人彩票中两个亿| www.340333.cc-彩宝贝双色球杀蓝号| www.448699.com-互彩宝怎么登录彩票| www.545574.com-彩票任选5结果| www.634197.com-七彩国际会所| www.072205.com-盈利彩票-| www.767520.com-开心彩票网-| www.982411.com-云南体彩十一选五| www.3310.biz-竞彩足球分折网易| www.001798.com-七乐彩5拖5-| www.093759.com-福彩高频彩-| www.173367.com-网上快三平台正规吗| www.283820.com-官方彩票有哪些彩种| www.370163.com-福彩3d金码推荐号| www.454104.com-爱乐透彩票旧版| www.542425.com-福彩网是什么东西| www.613908.com-福彩利彩票走势图| www.070882.com-腾讯1.5分彩计划| www.190606.com-河北快三豹子| www.294400.com-彩票33能提现吗| www.379281.com-买彩票幻想中奖| www.537990.com-七彩色公司-| www.611796.com-佰赢彩票靠谱吗| www.688788.com-鸿鼎彩票注册| www.140233.com-体育彩票兑奖中心| www.425568.com-彩票情侣生日选号器| www.831367.com-乞丐模拟器攻略彩票| www.914678.com-58彩票官方-| www.212660.com-彩软科技计划稳吗| www.338424.com-虎扑体育彩票算法| www.432684.com-福彩时时开奖结果| www.525999.cc-中华竞彩网-| www.826018.com-彩宝贝3d杀号| www.894167.com-e彩票-| www.954263.com-时时彩中彩票软件| 福利彩票www.8039s.com| www.38125.cc-福彩开奖前多久停售| www.0972.cn-帮朋友买彩票中奖了| www.28529.cc-官方彩票平台软件| www.007712.com-3d乐彩网开奖号码| www.347927.com-彩虹的约定伴奏下载| www.502785.com-多彩投怎么分红| www.575306.com-时时彩出租最新| www.325605.com-手机彩票合法吗| www.399773.com-足彩14场兑奖规则| www.580631.com-七是彩最新开奖| www.279795.com-三分时时彩计划| www.373582.com-王者彩票怎么玩法| www.497618.com-pk10彩票平台| www.565643.com-福彩图纸怪字| www.629024.com-亚洲彩票29011| www.686079.com-天津体彩app软件| www.757707.com-福彩35选7-| www.822980.com-博兴彩涂印花板| www.338876.com-ss彩票-| www.448400.com-老杨说彩字谜汇总| www.536683.com-今日七星彩开浆结果| www.609440.com-江苏福彩十五选5| www.678534.com-今晚足球足彩直播吧| www.750712.com-爱彩彩票可靠吗| www.813713.com-中港彩票乐点| www.874575.com-杭州福彩-| www.978471.com-皇元彩票平台登录| www.cv30.com-凤凰私彩-| www.tg25.com-95彩票网安全吗| www.22ge.com-七星彩科技趨勢| www.201.wang-三毛彩吧一二三版| www.733231.com-彩票188-| www.827180.com-玩彩票的人-| www.30co.com-多肉彩铅画入门教程| www.244094.com-体彩网app-| www.366260.com-冀彩宝客户端| www.507265.com-竞彩猫专家推荐回顾| www.587013.com-鸿运来彩票官网| www.668823.com-欢乐彩票是真的吗| www.747693.com-49cc彩票打不开| www.810495.com-新浪足彩竟技风暴| www.878593.com-中国福彩积分服务| www.051891.com-9万彩票安装到手机| www.170114.com-苏州快三开奖走势图| www.427201.com-福彩专家徐柯专栏| www.551085.com-10分钟彩票-| www.627961.com-彩吧图谜鸿铄| www.695329.com-福利彩票作弊| www.762952.com-傲赢彩票是哪个平台| www.891053.com-彩票用语双飞| www.947622.com-香港马会天下彩网| www.984038.com-彩九九彩票-| www.73jq.com-亚索炫彩皮肤| www.1895.com-必杀体彩竞猜平台| www.6555.date-彩票投注app代理| www.08472.com-陕西福利彩票中心| www.51268.cc-湖北体彩快三| www.74813.com-河内彩全天计划群| www.074791.com-女的玩快三-| www.706145.com-那个网上幸运彩| www.836703.com-中原彩票彩种| www.900685.com-注册就送彩金的软件| www.57qg.com-福利彩票开试机号| www.4389.cm-3d彩博士预测今天| www.193121.com-长春逸彩快三查询| www.316765.com-彩票兑奖查询| www.404081.com-甘肃结婚彩礼多少| www.499519.com-八彩票-| www.560074.com-快3彩票微信群| www.614009.com-苏氏彩票社区| www.671946.com-开彩票店选址调查| www.738889.com-江苏快三微信群跟买| www.793896.com-288彩票靠谱吗| www.863648.com-高手彩票网站| www.712050.com-关注山东福彩中心| www.800137.com-美国的彩票业及发展| www.878579.com-易彩网会员登录| www.938790.com-亿彩真的可以提现吗| www.984367.com-广州鸣彩主页| www.97669.cc-彩票官方直营信誉| www.107085.com-网易五分彩必中| www.195293.com-河南省福彩网快三| www.266632.com-河北快三推荐三同号| www.338421.com-互娱彩票软件下载| www.392838.com-派彩洗面奶代言人| www.219904.com-快三计划微信群|