头像

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

来源:http://www.yidongzhuanche.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.yidongzhuanche.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.029377.com-南方双彩网首页| www.189240.com-内蒙古快三官方下载| www.291591.com-uu快三是正规的吗| www.369241.com-福彩贪污1360亿| www.100996.com-时时彩两顺一反打法| www.228390.com-彩色压模地坪材料| www.345195.com-忆彩彩票下载安装| www.441344.com-彩钢板机械厂家| www.539545.com-釉中彩餐具有害吗| www.696510.com-季儒彦教授研究彩票| www.780910.com-彩虹条纹t恤女| www.860493.com-体彩陕西十一选五| www.933589.com-哪个网站买彩票好| www.995334.com-北单竞彩app| www.bd80.com-福彩3地全图总汇| www.8195.org-快三复式号-| www.95185.com-60彩票总代理| www.069743.com-重庆桥洞下的彩票| www.180332.com-百盈快三app| www.303653.com-足彩讨论区虎扑| www.385232.com-福彩孤舟预测| www.576060.com-分分钟快三怎么玩| www.659641.com-体育彩票群名| www.731925.com-濮阳的彩礼多少| www.812284.com-彩宝贝3d杀跨| www.894167.com-e彩票-| www.7yy.com-彩票中20万-| www.0698.com-赛马派彩及结果| www.9838.top-流线云古建彩绘| www.50528.cc-金凤凰彩票可信吗| www.017720.com-中博彩票开奖网站| www.15he.com-成都彩票店转让58| www.076926.com-和彩票类似的玩法| www.233613.com-燕赵福利彩票网| www.4970.cc-优彩网苹果版下载| www.56or.com-直播开七星彩现场| www.7344.vip-七星彩梦兆图| www.000406.com-太原体彩11选五| www.152048.com-彩店宝彩票历史版本| www.303893.com-兰州福彩中心电话| www.468689.com-红姐图库彩图彩色| www.ci47.com-安徽快三彩票官网| www.23mv.com-时时彩龙虎走势图| www.3996.biz-哪里可以买竞彩篮球| www.110043.com-北京福利彩票开奖| www.282384.com-小鹿多彩app| www.547880.com-星宇购彩官方网站| www.710203.com-彩彩大咖直播| www.7553.wang-百度于海彩票事件| www.057519.com-找彩吧图库第三版| www.315385.com-建盏能养出七彩吗| www.461368.com-玩网络彩票输死人| www.599257.com-多次错过彩票一等奖| www.767988.com-体彩一周开几次| www.889610.com-彩世界吾记app| www.992189.com-竟彩蓝球360| www.s09.cc-双阳黑彩-| www.0220.cn-必赢彩票pk10| www.82140.com-彩票开奖1-| www.082666.com-福建体彩31新规则| www.281503.com-时时彩和值打法| www.cp4652.com-彩票破解神器手机版| www.146700.com-1号彩票官网下载| www.372977.com-国外体彩网站有哪些| www.586402.com-38免费领彩金| www.879890.com-广西好运彩开奖结果| www.3526.win-彩八万彩票网站首页| www.073520.com-江苏彩票七位数开奖| www.224506.com-江苏快三压大小| www.908946.com-体彩排列五新玩法| www.375342.com-福彩视频开奖直播| www.711645.com-人人彩登录-| www.880400.com-河南体彩手机版官网| www.982129.com-三d彩票走势图大全| www.yl54.cc-中国体育彩票查询| www.80kh.com-金誉彩票网封了吗| www.6864.me-飞鱼彩票平台| www.41311.com-綵与彩-| www.019542.com-云南体彩福彩| www.0039.com-立体彩铅动物| www.612995.com-彩票每日首存平台| www.732757.com-彩神驿站-| www.913968.com-合法的在线彩票| www.59733.com-彩虹岛新职业神鞭手| www.163263.com-希腊十分彩是什么彩| www.825192.com-山西运城快三查询| www.37js.com-彩票搅珠机-| www.15622.cc-彩票走势图1000| www.064800.com-哪个彩票网站返点高| www.250317.com-中彩娱乐可靠吗| www.63iy.com-篮球精彩网-| www.041220.com-秒速高频彩长龙提醒| www.128.red-时时彩怎样平投| www.285353.com-彩票杀跨度技巧| www.518794.com-旺彩11选5分析| www.690545.com-彩鲸箱-| www.ki06.com-体育彩票大乐透网站| www.285.me-民权彩礼一览表| www.6718.bid-沈兴辉彩票预测| www.149749.com-彩民乐3d-| www.587188.com-香港六星彩开奖结果| www.306210.com-彩虹六号玩家后遗症| www.428160.com-博彩游戏网站| www.559109.com-地方彩开奖地| www.87vu.com-彩虹鱼图片简笔画| www.8927.wang-七星彩售卖截止时间| www.022832.com-福彩p3-| www.137119.com-印尼5分彩开奖查询| www.262263.com-快三遗漏河北| www.382259.com-分分彩后二组选挂机| www.565889.com-送跳槽彩金的网站| www.669043.com-地方彩票怎么买| www.864107.com-999彩票软件| www.957158.com-金利彩票是骗局吗| www.cp6680.com-中国福彩app| www.mm81.com-福乐彩12选5| www.18rg.com-正规体彩店买私彩| www.86of.com-和乐彩票平台| www.4768.wang-凤凰彩票是不是送钱| www.9531.online百博七星彩投注| www.51299.cc-彩客网比分直播竞足| www.97120.com-竞彩nba怎么投注| www.039355.com-快5彩票-| www.118087.com-彩七七下载-| www.187048.com-私彩代理判几年| www.257242.com-江西快三下载| www.327382.com-l彩票开奖查询| www.396252.com-彩虹宝宝彩虹宝宝| www.520315.com-新加坡彩票49选6| www.590368.com-18k彩金耳环耳扣| www.653127.com-网易手机彩票| www.746100.com-北京5分彩是真的吗| www.803550.com-体彩大乐透查询器| www.868731.com-七星彩稳赚不赔秘诀| www.925573.com-彩富网最快-| www.972955.com-彩库宝典怎么安装| www.195109.com-东方一分彩-| www.266327.com-排7福彩-| www.337231.com-谁有注册送彩金的| www.407079.com-2015马彩生肖坉| www.510244.com-彩虹的约定表演视频| www.586167.com-52彩店-| www.657814.com-分分钟中彩票软件| www.727000.com-苹果体彩软件| www.795991.com-彩票快乐10分玩法| www.869977.com-彩票多周k线| www.935897.com-彩神喷绘机质量怎样| www.985407.com-凤凰时时彩官方网站| www.cai1833.com快3彩票平台| www.632403.com-3d彩票今天开机号| www.752581.com-乐购彩彩票网| www.861234.com-体彩直播现场直播| www.919489.com-时时彩平台搭建流程| www.974274.com-七乐彩41多少钱| www.ly59.com-好彩网妹子骗局| www.45sv.com-附近的足球竞彩店| www.616305.com-青海快三遗漏数据| www.713290.com-江苏快三手机投注| www.789817.com-旧版竞彩足球即比分| www.866365.com-昨天福彩什么奖号| www.922078.com-高频彩票开奖原理| www.970764.com-买彩票是否能中大奖| www.lv46.com-时时彩计划推荐| www.32hj.com-纽约彩票-|