头像

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

来源:http://www.elianachan.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.elianachan.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.003218.com-如何开彩票站| www.299071.com-57彩票-| www.810089.com-必赢彩票网正规吗| www.966863.com-吉林快三群微信群| www.pf88.cc-中华彩票注册邀请码| www.78lg.com-我想做网络彩票代理| www.6655.live-快三容易出现的跨度| www.184458.com-福彩字谜-| www.78234.cc-彩读音-| www.057102.com-六安福彩-| www.990053.com-彩票缩水的意思| www.er23.com-体彩独胆涛哥| www.3xf.com-程阳彩票是干什么的| www.57al.com-市福利彩票加盟电话| www.843.date-时时彩前三万能四码| www.33719.com-体彩高频-| www.0705.vip-体彩申请书范本| www.4158.biz-七彩旅游公有链骗局| www.734900.com-五百万彩票网投注| www.841947.com-福利彩票开奖真实吗| www.926965.com-彩票一彩票-| PK彩票www.8499g.com| www.817560.com-七星彩交流论坛| www.127478.com-同志软件彩虹app| www.261610.com-六开彩-| 彩客网www.801876.com| www.11165.cc-5o0万足彩-| www.75139.com-彩吧排三第二版| www.052996.com-彩票网哪个靠谱| www.2610.cc-惠彩乐购彩票| www.114716.com-宝乐彩合法吗| www.955492.com-福彩端下载-| 博乐彩票www.811310.com| www.208295.com-快三二同号最大遗漏| www.329111.com-体彩排三藏机图| www.109779.com-盈宝彩注册-| www.189830.com-江苏十一选五控彩票| www.273002.com-中国福利彩票票种| www.350718.com-彩色激光打印机推荐| www.461010.com-55彩票网-| www.553786.com-竞彩比赛取消怎么算| www.630405.com-彩票开奖查询排5| www.698411.com-漫画彩虹是什么意思| www.87278.cc-体彩3亿大奖| www.073949.com-宏发彩票什么网址啊| www.019615.com-福彩迷app可信吗| www.712347.com-13e彩app-| www.040036.com-一定牛甘肃快三| www.292583.com-湖北快三怎么玩法| www.488586.com-彩乐彩-| www.037605.com-彩神计划软件怎么样| www.27ge.com-查看支付宝彩票中奖| www.0113.top-体育彩票有几种形式| www.6615.net-彩票怎么查询中奖| www.39792.com-彩票榜邀请码是多少| www.114340.com-彩票选号软件怎样| www.027229.com-中福快三作弊器| www.8818.bid-分分彩大小方法| www.151.tv-彩虹张惠妹什么意义| www.7728.loan-彩票周末可以领奖吗| www.8502.org-福彩3d中彩论坛| www.133534.com-福彩3d实战彩票网| www.537503.com-哪些是彩色-| www.554960.com-手机彩票计划| www.256149.com-手机app购彩| www.991804.com-分分彩后一稳赚技巧| www.617028.com-u9彩票799-| www.617667.com-众彩用户登录| www.067939.com-河北福彩快3下载| www.385595.com-ll彩票坑死我了| www.517758.com-一定牛彩票app彩| www.737574.com-吉林快三遗漏三同号| www.848038.com-彩票怎么看几等奖| www.917933.com-彩虹宝宝图片| www.134733.com-彩金项链-| www.984870.com-长城彩票在哪个地方| www.36857.cc-出豹子的规律福彩| www.024989.com-福利彩票几位数选| www.134036.com-中固足彩网比分直播| www.274247.com-金鹰时时彩全天计划| www.022971.com-真正的福彩3d高手| www.111392.com-乐猫彩票-| www.542839.com-公益彩票有哪些| www.663182.com-fh54凤凰彩票| www.951526.com-红彩网破解-| www.7625.loan-彩票数字密码大全| www.750255.com-下载一个天天中彩| www.138704.com-时时彩代理的不归路| www.122447.com-酷彩日本官网| www.857.mobi-360够彩-| www.563018.com-爱投彩票怎么玩法| www.881599.com-蜂巢团队时时彩计划| www.71387.com-甘肃时时彩走势图| www.601705.com-1249cc赢彩天| www.xh47.com-福彩快3预测软件| www.083.link-利彩平台是什么| www.8170.vip-重庆分分彩官方开奖| www.73316.cc-刚力彩芽为什么被黑| www.658847.com-五洲彩票手机安卓版| www.302665.com-福彩3d走试图| www.365630.cc-吉林快三心得| 新盈彩www.xinyc2.com| www.674422.com-l搜狗彩票走势图| www.836835.com-破解快彩软件| www.971786.com-盈彩彩彩票是真是假| www.322765.com-58彩票计划-| www.632153.com-体讯网彩票-| www.813541.com-3d福彩推荐号| www.255832.com-福彩都有什么彩种| www.378736.com-周口市体育彩票中心| www.141009.com-财神8彩票网可信吗| www.893201.com-彩票筛选app| www.266775.com-玩快三算不算赌博| www.353988.com-怎么买彩票一夜暴富| www.451463.com-彩吧红五图3d图库| www.297779.com-甘肃彩票11选五| www.453144.com-比较成功的体彩店| www.602096.com-彩票站开业送什么好| www.718718.com-彩虹是怎么产生的| www.98vf.com-彩票黑客论坛| www.692027.com-彩票合买大厅靠谱吗| www.800352.com-体育彩票在哪里领奖| www.919147.com-真假彩票-| www.975135.com-竞彩网手机购彩软件| www.et79.com-老版彩神8-| www.58pb.com-体彩填涂方法| www.057502.com-宝马彩票客户端下载| www.344595.com-武汉体彩11先5| www.458371.com-彩票中大奖是命吗| www.0470.bid-福彩3c开奖结果| www.8322.loan-中2次彩票-| www.nc25.com-乐米彩票改版| www.026759.com-即时彩票-| www.768440.com-辽宁体彩网唯一指定| www.909071.com-大发移动彩票| www.966287.com-快三有直播看吗| www.ci69.com-山西体彩快乐十分| www.zn48.com-福彩代打-| www.14nv.com-7星彩开奖历史记录| www.78af.com-体彩竞彩合法吗| www.305905.com-中国红中奖彩票图片| www.509398.com-七星彩宝贝图| www.149504.com-掌游彩下载-| www.308708.com-黔东南福彩中心地址| www.1417.xyz-酷彩app官方下载| www.9168.top-87彩票网客户端| www.452447.com-临沂体彩大奖得主| www.773299.com-申航彩票是骗局吗| www.945599.com-吉林快三多长时间| 彩虹8www.ch8988.com| www.114568.com-最近手机彩票app| www.4183.org-七彩投资贷款| www.97yt.com-快三单双技巧规律| www.8682.loan-老重时时彩开奖号码| www.23986.com-众购彩票赌-| www.444195.com-彩35会员-| www.84zy.com-5分极速彩票| www.673900.com-连云港体彩中心在哪| www.736756.com-乐彩网双色球静态| www.736.loan-足彩推荐平台| www.585300.com-欧洲时时彩开奖记录| www.36223.cc-体彩十期数据试机号| www.68661.com-福彩3d走势图彩宝| www.8284.cn-重庆时时彩玩牛牛|