头像

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

来源:http://www.hopkintonrealty.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.hopkintonrealty.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.cp7710.com-c168彩票网-| www.n12.com-彩票被骗能追回吗| www.62gi.com-黑彩3dqq群-| www.1409.xyz-福彩等级怎样分的| www.824163.com-三彩加盟-| www.909205.com-福彩资料-| www.972393.com-彩铅画梅花-| www.49ee.com-体育时时间彩开奖| www.0411.com-易彩彩民登录福地| www.6989.cn-体彩彩票玩法介绍| www.25923.cc-彩虹的形成简单说法| www.76337.cc-彩博士全能王破解版| www.033976.com-七乐彩票不给提现| www.166740.com-快三助手下载安装| www.264666.com-网络彩票新政策| www.362821.com-有多少人买过私彩| www.466031.com-500彩票安卓版本| www.561411.com-体彩任选9场预测| www.639351.com-济南体彩店转让| www.771119.com-时时彩网站设置| www.868103.com-星期三那个彩票开奖| www.955200.com-新天地彩票平台注册| 新壕天地www.277739.com| www.kg19.com-江苏快三遗漏统计表| www.l73.cc-彩81彩票下载| www.47tn.com-彩铃设置-| www.0019.pw-世界杯购彩网万博| www.9292.org-香港赛马投注彩票| www.53559.cc-彩虹6号买哪个版本| www.003503.com-gc国彩app-| www.078042.com-福彩五分彩-| www.149123.com-彩票88网站-| www.274403.com-腾讯时时彩规则| www.366363.com-清乾隆古铜彩牺耳尊| www.473520.com-福彩3d今晚杀码| www.561301.com-开户彩金不限ip| www.637167.com-彩虹六号冠军| www.764175.com-江苏快三怎么稳赢| www.860458.com-天天彩票下载到手机| www.934082.com-中国彩票预测中心| www.993652.com-足彩19044推荐| www.qm9.com-官方彩10分快3| www.rk04.com-苏州体育彩票店| www.12oj.com-极速时时彩在线计划| www.87ml.com-了解彩票的有关知识| www.5534.vip-江苏快三和值计划网| www.79219.com-如意彩票真假| www.066196.com-网上彩票排行榜| www.189827.com-江苏快三开奖遗漏| www.277831.com-90彩票平台的网址| www.404321.com-中国彩陶王-| www.519666.com-五福彩票有几个网站| www.667106.com-七乐彩最新杀号公式| www.751279.com-2分彩下载-| www.885873.com-3d红五彩吧图库吧| www.983156.com-速盈彩一分快三| www.lc65.com-109彩票-| www.26te.com-网易彩票利物浦推荐| www.0856.biz-极速时彩开奖记录| www.8255.top-中国福利彩票第一位| www.71655.cc-福彩3d藏机图最真| www.060644.com-私彩要不要退受害人| www.164885.com-海口彩票网经典彩| www.259623.com-广西福彩选号器助手| www.335918.com-河北快三遗漏值统计| www.415577.com-红树林国际彩票| www.521693.com-崂山区体彩办| www.593869.com-七彩滑道投资大吗| www.668503.com-彩票的软件有哪些| www.750103.com-金牛彩票是真的吗| www.822730.com-周一看彩-| www.894929.com-双色球彩票购彩大厅| www.964963.com-3d福彩开奖视频| JJ彩票www.642414.com| www.iz41.com-国家体育彩票app| www.d88.mobi-彩票计划软件有哪些| www.37wy.com-体彩7星彩规则| www.1692.top-天下彩1234oc| www.22215.com-特彩吧高手网报码| www.66583.com-彩票网上兑奖流程| www.054401.com-安徽快三规律| www.137206.com-彩陶泥冰淇淋| www.235313.com-福彩迷网站| www.313289.com-大发彩票骗了多少人| www.424876.com-大家赢彩票网正规吗| www.527714.com-赢彩王专业版账号| www.803195.com-体彩软件官方下载| www.882731.com-体彩刮刮乐代码| www.869.me-油性彩铅-| www.5206.wang-福彩申请流程| www.04924.com-网购彩票020| www.51127.cc-中彩网平台-| www.94136.com-彩票数字顺口溜大全| www.061133.com-欢乐彩票-| www.220317.com-福彩中彩网官网| www.303258.com-7彩娱乐注册| www.439413.com-厦门体彩转让信息| www.750424.com-豪彩娱彩app| www.826960.com-长城彩票大发快3| www.907465.com-破解快三软件提款| www.974949.com-福彩投注站编号查询| www.53203.com-网上彩票怎么盈利| www.090537.com-体彩佣金几号发| www.193716.com-快三开奖如何破解| www.306960.com-贵州快三口预测软件| www.393178.com-昨天福彩开奖情况| www.541818.com-360安全购彩| www.621782.com-大乐透走势彩之家| www.688950.com-网上怎么买福利彩票| www.766517.com-福彩快三倍投计划| www.886373.com-好运来软件时时彩| www.973046.com-彩虹哥收号靠谱吗| www.fs8.cc-复式彩票多少钱一注| www.pe73.com-湖北快三11点遗漏| www.16ks.com-竞彩足球分析师招聘| www.625.pw-杏彩平台官网首页| www.4678.vip-买彩票的巧合| www.10946.com-足彩竞猜凯利方差| www.3404.com-欢迎登录国民彩票| www.11999.cc-秒秒彩app-| www.52586.cc-江苏快三停售| www.230226.com-中国福利快三| www.341988.com-秒速快三计划| www.454300.com-下载酷彩-| www.555104.com-快三怎么顺龙| www.623781.com-体彩中奖提醒软件| www.692670.com-现在还有购彩平台吗| www.771133.com-旋风彩虹机报价| www.867741.com-南国七星彩票规律图| www.932825.com-网络彩票是骗人的吗| www.984796.com-彩运8压大小怎么看| www.vn55.com-湖北省福利彩票网| www.26te.com-网易彩票利物浦推荐| www.327.cm-中发彩票正规吗| www.3464.vip-体育彩票双色| www.026910.com-招彩票刷手-| www.120237.com-彩票店有大发快三吗| www.215256.com-江苏快三预测网| www.292393.com-时时彩胆拖怎么买| www.365093.com-pk10聚彩彩票| www.129472.com-南京众彩-| www.243448.com-中国福利彩票分析| www.335232.com-江苏快三走线结果| www.425590.com-竞彩推荐预测14| www.517983.com-守信彩票网站| www.570768.com-上海福彩集中| www.622339.com-时时采彩走势图龙虎| www.678079.com-彩票店员工工资多少| www.735231.com-非凡彩票app下载| www.791052.com-时时彩机器哪里有| www.849977.com-飞彩比分体育网| www.896501.com-玩体育博彩能赚钱吗| www.950086.com-百乐彩客服-| www.987332.com-本网赚是福彩快三| www.ga2.cc-体彩玩法介绍| www.ne18.com-vip彩-| www.03zi.com-六开宝典彩图| www.64wq.com-万字软件万能大马彩| www.0017.wang-今日出奖七星彩票| www.7621.xyz-体育彩票的标志颜色| www.20260.com-被大发彩票骗| www.55734.cc-七星彩中奖输入查询| www.92522.com-江苏彩礼多少钱| www.040138.cc-彩票合买的图片|