BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

BIGEMPA Js API示例中心

標(biāo)注圖標(biāo)源代碼展示

代碼編輯區(qū) 運(yùn)行 下載 還原
<!DOCTYPE html>

<html>

<head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <!--
        以下CSS地址請(qǐng)?jiān)诎惭b軟件了替換成本地的地址
        CSS地址請(qǐng)使用:
        http://localhost:9000/bigemap.js/v2.1.0/bigemap.css
        軟件下載地址 http://www.cnhrsm.com/reader/download/detail201802017.html
    -->
    <link href="http://ua.bigemap.com:30081/bmsdk/bigemap.js/v2.1.0/bigemap.css" rel="stylesheet"/>
    <!--
        JS地址請(qǐng)使用:
        http://localhost:9000/bigemap.js/v2.1.0/bigemap.js
    -->
    <script src="http://ua.bigemap.com:30081/bmsdk/bigemap.js/v2.1.0/bigemap.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
    <title>Google Map Streets</title>
</head>

<body>
    <div id='map'></div>
    <script>
        //軟件配置信息地址,軟件安裝完成之后使用本地地址,如:http://localhost:9000
        BM.Config.HTTP_URL = "http://ua.bigemap.com:30081/bmsdk/"
        // 在ID為map的元素中實(shí)例化一個(gè)地圖,并設(shè)置地圖的ID號(hào)為 bigemap.zhongkexingtu,ID號(hào)程序自動(dòng)生成,無需手動(dòng)配置,并設(shè)置地圖的投影為百度地圖 ,中心點(diǎn),默認(rèn)的級(jí)別和顯示級(jí)別控件
        var map = BM.map('map', 'bigemap.dc-satellite', {
            crs: BM.CRS.EPSG4326,
            center: [30.111, 104.112],
            zoom: 17,
            zoomControl: true,
            attributionControl: false
        });

        //iconSize  指定圖標(biāo)的大小
        //iconAnchor 指定圖標(biāo)的偏移量  一般為  width/2 heigh

        //圖片地址
        let iconurl = '/mapoffline/marker/12.png'

        let small_icon = BM.icon({
            iconUrl: iconurl,
            iconSize: [20, 20],
            iconAnchor: [10, 20]
        })

        let pc_icon = BM.icon({
            iconUrl: iconurl,
            iconSize: [30, 30],
            iconAnchor: [15, 30]
        })
        let bige_icon = BM.icon({
            iconUrl: iconurl,
            iconSize: [50, 50],
            iconAnchor: [25, 50]
        })

        let cw_icon = BM.icon({
            iconUrl: iconurl,
            iconSize: [20, 20],
            iconAnchor: [100, 30]
        })


        //設(shè)置圖標(biāo) 
        let m = BM.marker([30.111, 104.111], {
            icon: small_icon
        }).addTo(map)

        // let cw_m = BM.marker([30.111, 104.111], {
        //     icon: cw_icon
        // }).addTo(map)


        let m2 = BM.marker([30.111, 104.112], {
            icon: pc_icon
        }).addTo(map)

        let m3 = BM.marker([30.111, 104.113], {
            icon: bige_icon
        }).addTo(map)
    </script>
</body>

</html>            
主站蜘蛛池模板: 郑州专利申请代理|商标注册|河南版权登记-郑州明华专利代理事务所 | 深圳物流公司_深圳物流_深圳物流专线-旺通达物流 | 塑胶跑道厂家_河北小区健身器材_悬浮地板-河北达创体育器材有限公司 | 水分测定仪_微量水分测定仪_高低温试验箱_昆山鹭工精密仪器有限公司 | 银泰洁净--净化工程总承包,20年精耕细作,专为净化而来_银泰洁净--净化工程总承包,20年精耕细作,专为净化而来 | 尼龙柱鞋-弹性防爆胶圈-氟胶油封-彩色氟胶o型圈 - 巨鹿县长城矿山机械配件有限公司 | 软化水设备_锅炉软水设备_全自动软化设备【安装维护、更换树脂】-青岛水处理设备厂家 | 辽宁正业集团云顶钢结构有限公司_葫芦岛云顶钢结构_葫芦岛轻钢彩板_葫芦岛钢结构工程 | 河北拉丝模具厂家,沧州拉丝模具-任丘市鹏宇模具有限公司 | 品牌策划-品牌设计-济南之式传媒广告有限公司官网-提供品牌整合丨影视创意丨公关活动丨数字营销丨自媒体运营丨数字营销 | 无土栽培|无土栽培技术|水肥一体化|无土栽培蔬菜 | 手动叉车|电动搬运车|电动升降平台-牛力机械制造有限公司官网 | 型材散热器,电子散热器,插片散热器-镇江市科创电子散热器有限公司 | 全降解塑料厂家_淋膜_秸秆_手机壳_气泡袋_牙刷牙线_GRS可回收包装材料-东莞全球环保科技有限公司 | 十树品牌策划—品牌战略、品牌策划、品牌定位、品牌设计、包装设计、品牌营销-上海十树品牌管理咨询有限公司官网 | 上海视研装饰工程有限公司-上海标识公司,上海标识设计 | 天天生活网_实用的生活常识网站、有趣的生活点滴小妙招分享 | 汽车标签|医疗标签|电子标签|手机电池标签|电脑电池标签|电源标签|耐高温标签|防静电标签|手机出厂膜|手机全裹膜|手机包裹膜|手机卖点膜|热转印标签|遮阳板标签|天势科技|-标签印制专家! | 九洲集团官网(300040)—哈尔滨九洲集团股份有限公司 | 上海轮毂生产厂家-改装轮毂-锻造轮毂价格-上海毂信汽车零部件有限公司 | 液压支架配件|液压支架立柱|液压支架千斤顶|液压支架换向阀|液压支架乳化油|液压支架密封件-山东卓力生产厂家 | 真空工业炉-真空油淬炉-真空气淬炉-高温石墨化炉-江苏华弘真空科技有限公司 | 一体式电磁流量计_分体式电磁流量计_卫生级电磁流量计_卫生型电磁流量计_电池供电电磁流量计_卡箍式电磁流量计_废水电磁流量计_德克森仪表(淮安)有限公司官网 | 盐城市城镇化建设投资集团有限公司[盐城国资企业、盐城国资集团、盐城文化旅游、盐城基础设施、盐城土地开发、盐城粮食收储] | 申江储气罐厂家,储气罐批发价格,储气罐规格-上海申江压力容器有限公司(厂) | 物联网环控器-智能养殖监控系统-智能化养殖控制器-养殖环境控制器-朗锐恒科技 | 山东万通液压股份有限公司-自卸车专用油缸,能源采掘设备油缸,机械装备用油缸,油气弹簧,工程机械油缸,液压元件 | 威学一百-专注国际学校择校备考-DSE-A-level-雅思-托福-OSSD-港澳台联考-AP-IGCSE-IB-AMC-多邻国-PTE-SAT-SSAT-小语种(如日语,韩语,德语,法语,西班牙语,意大利语,俄语,泰语)等考试培训,为出国留学学生提供个性化定制性学习方案,线下实体面授+线上网络课程, 提供一对一,小班课等多种班型 | 双合金螺杆|注塑机螺杆|挤出机螺杆|双合金料管—东莞市精耐螺杆机械有限公司 | 激光焊接不锈钢翅片管,不锈钢翅片管,激光焊接复合翅片管,南通拓帆换热设备有限公司 | 欧艺宝盾科技(北京)有限责任公司_北京旋转门厂家_转门维修_高端商务门控定制 - | 绣花厂_电脑绣花厂_手工刺绣加工定制 - 北京丽绣坊工艺品有限公司 | 厦门海为科技有限公司 - 工业物联网|国产PLC|HMI|SCADA | 阻抗分析仪 阻抗测试仪 介电常数测试仪 充电枪测试仪-苏州腾斯凯电子科技有限公司 | 环保除尘设备_燃气/燃油热水锅炉_光氧空气净化器_蒸汽玉米压片机_压片设备_烘干设备-山东金盾节能环保设备有限公司 | 洒水车厂家、消防车、污水处理车厂家-程力专用汽车股份有限公司 洒水车|冷藏车|LED广告车|油罐车|道路救援车|垃圾车|程力专用汽车股份有限公司销售九分公司 | 智慧环保大数据云平台_车载走航式扬尘/恶臭/噪声污染源在线监测管控信息系统平台_环保土壤/环境监测系统云平台-奥斯恩智能科技 | 软化水设备_锅炉软水设备_全自动软化设备【安装维护、更换树脂】-青岛水处理设备厂家 | 智能照明模块_智能照明控制器_照明控制系统_智能调光模块_西安邦华电气工程有限公司 | 郑州专利申请代理|商标注册|河南版权登记-郑州明华专利代理事务所 | 妙手网-圆心大药房-广东圆心恒金堂医药连锁有限公司-放心的网上药店_妙手医生旗下正规网上买药平台 |