头像

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

来源:http://www.chalochacha.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.chalochacha.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.069014.com-彩神争-| www.207012.com-易彩网网址是什么| www.299887.com-广西移动福彩app| www.385217.com-竞彩足球低赔秘密| www.561156.com-f49cc高手彩网| www.640558.com-麦久彩票网孟德| www.771764.com-重庆时时彩所有网站| www.893177.com-超級彩票助手| www.963630.com-兰花彩铅画图片| 天下彩www.485689.com| www.kk61.com-易彩快三app| www.l57.top-彩66-| www.50mw.com-德国鲸彩漆价格| www.0710.wang-体彩推广方案| www.01026.com-福彩投资计划| www.60622.com-鸿运彩票骗局大揭秘| www.025063.com-和彩资料大全10| www.110106.com-广东彩票快乐十分| www.187111.com-重庆时时彩走势图| www.267819.com-天津体彩app| www.392695.com-体育彩票打票教程图| www.523926.com-时时彩五星走彩经| www.671775.com-三d彩宝网走势图| www.758626.com-6615中彩网-| www.856994.com-红包彩票邀请码| www.920932.com-199期彩吧图| www.984929.com-福彩双色球腾讯网| www.qa98.com-各种彩票开奖大全| www.18.tv-黑彩服务器在哪买| www.76qw.com-七乐彩网易彩票| www.2117.cc-多彩贵州航空怎么样| www.8255.top-中国福利彩票第一位| www.33660.cc-百分百彩票可靠吗| www.82538.com-表格做彩票走势图| www.041567.com-彩票长龙是啥意思| www.199326.com-5d彩票开奖结果| www.278100.com-中国彩票官网代理| www.382867.com-体彩彩票19078| www.509664.com-呼和浩特市体彩中心| www.586854.com-南方双彩大乐透预测| www.663956.com-头彩是正规彩票网吗| www.749223.com-中彩财团致富中心| www.823310.com-新大中彩涂卷| www.898981.com-福彩快三注册送彩金| www.968684.com-重庆时时彩的qq群| www.iu02.com-计算器足球竞彩| www.d39.top-彩票中奖组选| www.35pv.com-18年七星彩走势图| www.0763.net-七星彩解梦图| www.7564.xyz-东方集团三分时时彩| www.26306.cc-河北保定快三联系| www.71936.cc-739彩票app-| www.059415.com-信心彩路线入口| www.142744.com-彩虹8彩票网站| www.221482.com-足彩2串1的玩法| www.298271.com-安徽体彩网11选5| www.370982.com-易利时时彩平台返点| www.473325.com-南京鼓楼区彩票| www.560388.com-体育彩票地推活动| www.631271.com-杨震足彩博客| www.702412.com-天下天空彩-| www.781041.com-江西快三的平台| www.858749.com-体彩组六六码遗漏| www.926934.com-足彩预测-| www.984714.com-动爻算港彩一肖法| www.zy38.com-彩虹7号电池| www.29ed.com-牛蛙彩票王中王| www.555.red-分分彩助手软件| www.4506.cc-体彩22期-| www.9947.me-彩票势图表-| www.66303.cc-排列三走势图彩终网| www.027854.com-彩票十一选五济南| www.104115.com-彩票辅助透视挂| www.173739.com-时时彩平台注册送钱| www.286952.com-六开彩开奖结果公布| www.372255.com-制作一个彩票app| www.466808.com-新粤彩开奖结果查询| www.554728.com-彩票路珠怎么分析| www.625382.com-极速时时彩后3| www.695889.com-足彩14场计算器| www.773674.com-苹果时时彩开奖软件| www.960747.com-彩金88元-| 华彩www.71399s.com| www.fw44.com-福彩福建快三走势图| www.xe44.com-彩35彩票-| www.19lp.com-彩票3个亿是哪里的| www.0022.cc-网络彩票2018| www.6382.cn-福利彩票刮刮奖诀窍| www.14594.com-菲律宾官方五分彩| www.56858.com-时时彩五星一码公式| www.027311.com-五分彩怎样买才中| www.103421.com-浙江体彩大乐透开奖| www.169480.com-网上的快三是真的吗| www.277349.com-江苏彩票平台登录| www.362868.com-本期七星彩头奖号码| www.447113.com-福彩演播室周周抽奖| www.535369.com-0到9的彩票是什么| www.636032.com-做梦梦见彩票中大奖| www.719683.com-彩票对刷漏洞| www.791478.com-彩票正版藏机图今日| www.864239.com-最新彩票123| www.925694.com-深圳福彩快乐彩| www.983594.com-足彩推荐软件app| www.ly99.com-极速时时彩怎么玩法| www.g96.club-3d缩水工具彩票| www.32iw.com-彩票怎么编号| www.908.cm-大学生买彩票多吗| www.4749.com-旺彩票-| www.9694.cc-六会彩资料全集| www.59977.com-夜明珠彩票是黑彩吗| www.017273.com-官方彩是合法的吗| www.081615.com-彩票数字密码| www.139084.com-盈彩网玩抄江苏快三| www.210502.com-快三大平台-| www.276613.com-派彩网吉林快三| www.397376.com-江西11选5啊彩网| www.513592.com-时时彩投注方案大全| www.579370.com-彩票程序晓风| www.646146.com-职业玩彩票的人| www.747762.com-注册送33彩票游戏| www.810923.com-小剧场精彩表演视频| www.877730.com-六台彩迷宫15| www.967019.com-网上买时时彩亏大了| 天吉彩票www.324246.com| www.fv50.com-广西快三进群| www.vh72.com-约约彩票下载安装| www.02xi.com-彩虹伴奏简谱周杰伦| www.65bw.com-老谢说彩2019| www.0086.name-牛彩3d字迷图迷| www.8922.com-体彩竞彩兑奖有效期| www.38715.com-彩票亿元大奖国外| www.78813.com-福彩三地领袖吧| www.024538.com-体彩组三玩法| www.088385.com-彩票599下载| www.141490.com-鸣彩艺术官方网站| www.210043.com-彩神v可不可靠| www.272234.com-彩经网排列三字谜| www.414012.com-七彩阳光教育简介| www.513361.com-口袋彩店用不了了| www.576078.com-v9彩票苹果版| www.636253.com-彩虹机怎么用| www.749804.com-全民福彩是真的吗| www.808683.com-天涯论坛高频彩票| www.873611.com-c760彩票好乐多| www.995188.cc-中福快三破解黑客| www.cp3551.com-河南电视快三走势图| www.kj98.com-网易快三彩票| www.yy28.cc-惠民彩票可信吗| www.13zb.com-海南飞鱼彩票推荐| www.73aw.com-360体育彩票| www.0420.me-今天精彩音乐汇歌曲| www.9108.in-七乐彩全年开奖结果| www.40909.com-1号彩票网址| www.78918.com-七乐彩论坛-| www.021948.com-今期彩霸王图片| www.082607.com-118彩票平台下载| www.135829.com-彩12彩票-| www.197980.com-卖体彩一-| www.257375.com-福彩快三一天多少期| www.318057.com-福彩试机号金码今天| www.379018.com-体彩双彩论坛| www.568549.com-微彩论坛排列三五| www.627100.com-乐都彩票传统彩料| www.683666.cc-彩61-彩种-|