BingMap(必应地图)学习一

最新推荐文章于 2024-03-05 21:14:27 发布

乡草

最新推荐文章于 2024-03-05 21:14:27 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/BlowMoons/article/details/107413202

版权

本文介绍了如何申请BingMap的密钥，并提供了案例和API参考，探讨了如何隐藏地图logo及信息。作者分享了一个独特的小案例，通过在页面中嵌套多个地图来实现某些功能。

摘要由CSDN通过智能技术生成

密钥申请

http://www.bingmap.cn/guide/db765008-dafe-11e8-a995-d46d6d978bfa?module=doc
申请完毕，查看密钥

案例/API

隐藏logo/地图信息

在这里插入图片描述

	<style type='text/css'>
        .bm_bottomLeftOverlay{
   
            display: none!important;
            visibility: hide!important;
        }
    </style>

自己做了个小案例

<!DOCTYPE html>
<html>

<head>
    <title>sdsloadmultipleboundariesHTML</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <style type='text/css'>
        body {
   
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-family: 'Segoe UI', Helvetica, Arial, Sans-Serif;
        }

        #myMap {
   
            width: 100%;
            height: 100%;
            float: left;
        }

        .bm_bottomLeftOverlay{
   
            display: none!important;
            visibility: hide!important;
        }
    </style>
</head>

<body>
<div id='myMap'></div>
<script type='text/javascript'>
    var h = [30.320730,30.203730,30.20730,30.320730];
    var s = [120.106659,120.100659,120.000659,120.006659];
    var infobox,tooltip;
    var htmltext = '<div style="border:0px;padding:3px;border-radius:10px;border:1px solid #00F;display:inline-block;height:1%;width:90px; color: rgb(255, 255, 255); background: rgb(200, 118, 145);">{title}</div>';
    function loadMapScenario() {
   
        var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
   
            /* 如果已经在URL中传递，则无需设置凭据 */
            zoom: 10,
            center: new Microsoft.Maps.Location(30.320730, 120.106659)
        });
        //创建位置数组以获得边界
        var places = ['余杭区', '西湖区', '上城区', '江干区','拱墅区','下城区','滨江区','萧山区'];
        // • AdminDivision1：国家/地区级别的第一个行政级别，例如州或省。
        // • AdminDivision2：国家/地区级别的第二个行政级别，例如县。
        // • CountryRegion：国家或地区。
        // • Neighborhood：人口稠密的地方的一部分，通常是众所周知的地方，但边界模糊。
        // • PopulatedPlace：人类居住的集中区域，如城市，城镇或村庄。
        // • Postcode1：最小的邮政编码类别࿰