头像

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

来源:http://www.sodugoo.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.sodugoo.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.9sz.com-体彩七星彩选号方法| www.2sa.com-中国体彩有双色球吗| www.6161.top-彩票七位数走势图| www.38828.cc-红彩会手机版| www.722498.com-盛兴彩票网5566| www.507308.com-彩神平台提现| www.26841.com-众彩网专家预侧汇总| www.29bw.com-赛写派彩-| www.944214.com-体育彩票哪里领奖| www.570258.com-海南彩票开奖号码| 500彩票www.303470.com| www.270646.com-新浪彩票开奖视频| www.390202.com-免费送38元彩票| www.895966.com-中国足彩世界杯玩法| www.909.biz-九宫四柱测彩| www.792321.com-彩票站点兑奖新规| www.817009.com-中华彩票报-| www.909510.com-3d福利彩票资料| 众发彩票www.656zf.com| www.e25.org-旺彩双色球登录| www.87gs.com-金口诀测彩秘笈| www.923053.com-人人彩票苹果app| www.996352.com-足彩北单在哪里买| www.ha42.com-幸运时时彩app| www.396970.com-好彩客二肖二码码| www.544586.com-安徽快三遗漏好| www.63324.com-胜负彩19054| www.080630.com-南洋彩开奖号码| www.166664.com-北京快三开奖号码| www.72466.cc-大老头彩票-| www.056832.com-大师抓七星彩规律| www.30380.com-双彩论坛福彩3d| www.183359.com-彩票有规律吗| www.94628.com-福彩销售总额| www.34ce.com-彩之源印刷有限公司| www.85ev.com-福彩店店主转让| www.634376.com-福彩双色球专家对比| www.797022.com-哪个网上可以买彩票| www.892768.com-彩5彩票送彩金| 500彩票www.324577.com| www.15xs.com-马会彩经一码必中| www.05041.com-体彩排3和值走势图| www.89459.com-彩易网下载-| www.091038.com-众彩网app-| www.192433.com-买彩票的最佳时间| www.98711.com-365约彩彩票下载| www.023373.com-基诺彩票怎么买| www.26629.cc-彩票平台怎么刷漏洞| www.bj18.com-新利彩票app下载| www.304942.com-体彩19035结果| www.cp8122.com-易彩快三软件| www.379584.com-彩票开奖结果历史| www.1217.com-555彩票手机购彩| www.hl5.cc-安徽快三购买| www.97339.com-福彩几等奖说明| www.115234.com-用彩铅画樱花树| www.2031.org-即墨体育彩票| www.37866.cc-彩77彩票安全吗| www.739038.com-世界杯彩票软件| www.085083.com-大乐旺彩奖金计算器| www.51338.com-大块发3彩票| www.oi39.com-天津快三开奖查询| www.104628.com-彩吧论坛、牛彩| www.261750.com-彩神密聊号-| www.727004.com-彩票赚佣金-| www.847077.com-福彩3d如何买| www.934159.com-体彩几点钟开| 彩票58www.582006.com| www.oe75.com-qq上快3彩票靠谱| www.7gy.com-彩票兑奖有危险吗| www.69nm.com-网上怎么打彩票| www.451463.com-彩吧红五图3d图库| www.639876.com-东方亮彩哪个部门好| www.61102.com-数字彩票解密| www.044325.com-v湖北快三走势图| www.137334.com-彩六c6com-| www.218201.com-吉林市快三盘| www.620921.com-黑马时时彩人工计划| www.5285.xyz-七星彩17o37期| www.5002.net-彩色黄漫app苹果| www.588423.com-七星彩码王驾到论坛| www.119627.com-福彩3d黑圣手图谜| www.204448.com-湖北彩票十一选五| www.7245.vip-彩虹织机-| www.158878.com-贵州福彩3d-| www.230289.com-幸运时时彩走势| www.318646.com-江西乐彩快三查询| www.434324.com-彩票店业主发言稿| www.15uq.com-彩票咋玩-| www.091078.com-广西体彩在哪| www.200242.com-qq7彩票app-| www.310600.com-足彩中奖助手| www.420377.com-中博彩票正规吗| www.77wd.com-国外足彩-| www.623591.com-福利彩票刮刮奖诀窍| www.198972.com-今天江苏快三推荐号| www.101153.com-彩运快三-| www.202216.com-贵州省福彩兑奖地址| www.ma33.com-分分时时彩正规吗| www.17ti.com-七乐彩012走势图| www.301692.com-江苏快三选号软件| www.840800.com-60彩票安全吗| www.089008.com-彩票快三吉林| www.169653.com-快三怎么学看走势| www.257342.com-微彩吧app是什么| www.358375.com-天马彩票刷流水| www.476644.com-赛车彩票计划| www.550808.com-彩票软件导航| www.656751.com-福彩3d彩吧首页| www.759815.com-时时彩宝典app| www.319038.com-宁夏快三49下载| www.388.red-七星彩五行旺数| www.365229.cc-智慧彩挂机龙虎| www.455268.com-第一区块链彩票| www.527878.com-256彩票官网下载| www.581566.com-福利彩票能挣钱吗| www.638330.com-上海体育彩票销售点| www.695070.com-鸿彩网是不是骗人的| www.757312.com-工地彩钢围挡批发| www.811403.com-阳光开奖中国福彩网| www.451501.com-幸运分分彩是哪里开| www.527522.cc-时时彩算和值的方法| www.591622.com-2018最正规博彩| www.689868.com-购彩购彩网-| www.522425.com-万盛彩票-| www.163747.com-中华彩票首页| www.413603.com-竞彩胜平负入门| www.382301.com-京彩挂机软件怎么玩| www.2032.shop-福彩3d旦码高手| www.3332.me-纯肉彩色漫画| www.03630.com-千万别买彩票| www.16117.cc-山东彩票十一选五走| www.9920.biz-竞彩足球比分直搐| www.324883.com-海南4十1彩票平台| www.384366.com-安徽体彩徐启旺| www.473216.com-天齐网福彩3d条件| www.558451.com-古风美人手绘彩铅画| www.617662.com-廊坊体彩中心电话| www.675935.com-彩票头奖-| www.737299.com-破解彩票漏洞赚钱| www.799038.com-bf彩票-| www.862941.com-今期六给彩开奖结果| www.931306.com-8彩票直通车| www.973492.com-温州体彩中心在哪里| www.ab05.com-福彩开奖是多少| www.pd44.com-香港准福彩图| www.9897.me-河南福彩官网走势图| www.680868.com-豪彩娱乐软件下载| www.98067.com-皇冠足彩官网| www.71149.com-体彩开奖号码公告| www.935548.com-快三和值公式| www.137264.com-凤凰彩票下载| www.426877.com-彩票开盘管理| www.032229.com-11选5爱彩乐广东| www.384005.com-彩官家4.0安卓版| www.555429.com-金7乐彩票开奖| www.774464.com-七乐彩机选五注投注| www.995766.cc-足彩单场比分奖金| www.by33.cc-福利彩票个性宣传语| www.qo01.com-今期七星彩开奖号码| www.418391.com-红神体彩关闭| www.23383.com-826彩票开奖网| JJ彩票www.11081.cc| www.bm52.com-大发彩彩票下载|