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

BIGEMPA Js API示例中心

自定義地圖樣式源代碼展示

代碼編輯區 運行 下載 還原
<!DOCTYPE html>

<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <!--
        以下CSS地址請在安裝軟件了替換成本地的地址
        CSS地址請使用:
        http://localhost:9000/bigemap.js/v2.1.0/bigemap.css
        軟件下載地址 http://www.cnhrsm.com/reader/download/detail201802017.html
    -->
    <link
      href="http://www.cnhrsm.com:9000/bigemap.js/v2.1.0/bigemap.css"
      rel="stylesheet"
    />
    <!--
        JS地址請使用:
        http://localhost:9000/bigemap.js/v2.1.0/bigemap.js
    -->
    <script src="http://www.cnhrsm.com:9000/bigemap.js/v2.1.0/bigemap.js"></script>
    <script src="http://www.cnhrsm.com/Public/offline/js/bm_tiler_color.js"></script>
    <style>
      body {
        margin: 0;
        padding: 0;
      }
      #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
      }
      /* //濾鏡css */
      /* .bigemap-zoom-animated img {
        -webkit-filter: invert(50%) grayscale(0) saturate(0.5) brightness(1.6)
          opacity(1) hue-rotate(334deg) sepia(10%) !important;
        -ms-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6)
          opacity(1) hue-rotate(334deg) sepia(10%) !important;
        -moz-filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6)
          opacity(1) hue-rotate(334deg) sepia(10%) !important;
        filter: invert(1) grayscale(0) saturate(0.5) brightness(1.6) opacity(1)
          hue-rotate(334deg) sepia(1%) !important;
      } */
    </style>
    <title>Baidu Map</title>
  </head>
  <body>
    <div id="map"></div>
    <script>
      // 軟件配置信息地址,軟件安裝完成之后使用本地地址,如:http://localhost:9000
      BM.Config.HTTP_URL = "http://www.cnhrsm.com:9000";
      // 在ID為map的元素中實例化一個地圖,并設置地圖的ID號為 bigemap.baidu-map,ID號程序自動生成,無需手動配置,并設置地圖的投影為百度地圖 ,中心點,默認的級別和顯示級別控件
      var map = BM.map("map", "null", {
        center: [0, 0],
        zoom: 3,
        zoomControl: true,
        attributionControl: false,
        minZoom: 3,
        maxZoom: 18,
      });
      // 如果查看濾鏡效果可以打開css
      BM.tileLayer
        .colorizr("bigemap.amap-map", {
          colorize: function (pixel) {
            // 這個方法用來調整所有的圖片上的rgb值,pixel是圖片原有的rgb值
            pixel.r += 100;
            pixel.g += 0;
            pixel.b += 0;
            return pixel;
          },
        })
        .addTo(map);
    </script>
  </body>
</html>
                                                            
主站蜘蛛池模板: 中江网-中国江苏网·新江苏, 全国重点新闻网站 | 纸袋胶-糊盒胶-礼盒胶-裱纸胶-水性喷胶-东莞市美好化工有限公司 纸袋机|多层纸袋机|高速纸袋机|无锡市天天友情机械有限公司 | 襄阳燃烧器厂家-低氮燃烧器价格-河北五通道燃烧器就找襄阳市胜合燃力设备有限公司一站式服务 | 上海舞台灯光音响租赁搭建线阵_年会演出摇头光束面光灯出租_led电子显示屏出租-上海led大屏幕租赁 | 显微镜|金相显微镜|光学显微镜专业生产商-上海光学仪器厂 | 山西华盛筑景装饰,山西专业公装公司,太原公装装修公司,包括:办公室,酒店宾馆,商铺店铺,学校幼儿园,会所会馆饭店餐馆等装修设计 | 液力耦合器,摩擦型液力耦合器生产厂家-河南省华升矿机有限公司 | 医用手摇病床,医用电动病床,康养手摇病床,康养电动病床-河北丁丁医疗器械有限公司 | 南通市科脉电子科技有限公司 | 联想南京总代理-联想服务器|联想电脑笔记本代理商|联想工作站|dell服务器|HP服务器|南京IBM代理商|IBM V5000存储总包销-南京宇宽科技有限公司 | 珠海市甜菊科技发展有限公司| 手游下载_app下载_好玩的手游下载_安卓市场下载_163下载 | 同步分流马达_液压泵维修_派克多路阀-济南富诚液压设备有限公司 通用变频器|国产变频器|深圳变频器厂家-深圳市英捷思技术有限公司 | 远程供电系统-电源发生器-隔离电源转换器-深圳市安博特电源设备有限公司 | 昆明集装箱-云南住人集装箱活动房厂家|移动板房出租赁定制 | 金相切割机-金相磨抛机-显微/维氏/布氏/洛氏硬度计-自准直仪-金相显微镜-万能材料试验机-清洁度检测仪-淋雨试验机-上海中研精密仪器制造有限公司 | 阻垢剂|缓蚀剂|杀菌剂|分散剂|水处理剂|印染助剂|水处理药剂|造纸助剂|膜阻垢剂|缓蚀剂|HEDP|ATMP|螯合剂-山东凯瑞化学有限公司 水处理药剂生产厂家 | 内蒙古燕雕机械设备有限公司| 河北东奥电梯有限公司|东奥电梯|河北东奥| 天津韬艺科技有限公司,天津网站建设公司,天津网站设计公司,品牌网站策划公司 | 西安宣传片拍摄,陕西艺景网络科技有限公司资料备份,西安影视公司,视频拍摄制作,抖音视频制作,纪录片拍摄西安短视频摄影团队,西安抖音视频拍摄 | 随车吊,洒水车,吸污车-程力专用汽车股份有限公司 | 捏炼机_密炼机_炼胶机_平板硫化机-青岛光越橡胶机械制造有限公司 | 河北安润防腐管业股份有限公司-远程供液管路_远程供液_远程供液系统 | 天津网站制作|网站建设|营销型网站建设|筑美网络---天津做网站公司 | 磐林投资-大宗林产品现货电子交易|林业碳汇|林权交易|农林产品投资 | 桶装水配送-瓶装水-净水器-厦门水之露商贸有限公司,电话:18205922444 | 转轮除湿机_工业除湿机_恒温恒湿机-铂克除湿机厂家 | 制砂生产线,河卵石制砂机,洗砂机-巩义市铭德矿山设备厂 | 中国焊接协会网站—中国焊接信息网;焊接行业最权威访问量最大的专业网站:焊接信息、焊接材料,焊接机器,焊接设备,焊机,焊材,辅助设备,焊机配件,仪器仪表,电动工具,钎焊,送丝机,表面处理,自动化专机,焊锡丝,助焊剂 | 纸袋机|多层纸袋机|高速纸袋机|无锡市天天友情机械有限公司 | 苏州不锈钢_江苏不锈钢_江苏不锈钢板_苏州模具钢_苏州合金钢_苏州特种合金_苏州不锈钢板_304不锈钢棒_苏州塞硒五金制品有限公司 苏州ERP定制|苏州CRM|苏州OA|苏州BPM|进销存管理系统-苏州中尚信息科技有限公司 | 郑州建网站,郑州做网站,郑州网站建设,郑州网站制作,郑州高端定制网站,郑州APP开发 | 苏州交通设施_道路划线_停车场划线_厂区划线_环氧地坪厂家-推荐【飞扬市政交通设施公司】专注交通设施8年! | 射频微波_微波元器件_芯片_电源模块_Raychem_立维创展 | 上海办公室租赁-写字楼出租、创意产业园区厂房招商、孵化器众创联合办公空间出租网 | 潍坊亿宏重工机械有限公司,破碎机,高性能立磨机,颚式破碎机,锤式破碎机反击式破碎机,重锤式破碎机,高性能反击式破碎机,圆锥式破碎机,给料机系列,链板给料机系列,简易给料机系列,振动给料机 | 重庆自考网-重庆自学考试 | 全自动圆木多片锯_立式圆木多片锯价格_大型圆木多片锯厂家-邢台友创机械制造有限公司 | 天津印刷_天津印刷厂_天津印刷公司_天津包装盒厂家_天津包装盒印刷厂_七层共挤膜厂家_彩色印刷_画册印刷_礼品盒定做 _七层共挤膜_食品真空袋-欢迎访问嘉联包装官网! | 印刷公司,北京印刷厂,宣传画册手册印刷厂-和智印彩页设计 |