在网站中插入 英文地图非谷歌

最新推荐文章于 2023-05-25 19:50:05 发布
最新推荐文章于 2023-05-25 19:50:05 发布
阅读量475 收藏
点赞数
分类专栏： 钉钉
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ymy111/article/details/107954847
版权

众所周知  谷歌地图在国内打不开

费劲九牛二虎之力 终于找到一个外国的地图插件

代码如下


    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,300' rel='stylesheet' type='text/css'>


    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>

    

    <script>
        ACCESS_TOKEN = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';
        MB_ATTR = 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
            '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
            'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>';
        MB_URL = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=' + ACCESS_TOKEN;
        OSM_URL = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
        OSM_ATTRIB = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';
    </script>
</head>
<body>

<div id="map" class="map map-home" style="height:500px; margin-top: 50px"></div>


<script>
    var osmUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
        osmAttrib = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
        osm = L.tileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib});

    var map = L.map('map').setView([0.915, 104.579], 13).addLayer(osm);

    L.marker([0.914, 104.579])
        .addTo(map)
        .bindPopup('中国<br />+60 7507 1023.')
        .openPopup();
</script>
 

如何向网页中嵌入谷歌英文地图
吴小花的博客
09-02 1728
此方案亲测可用，已经成功将中文谷歌地图换成英文 前言 百度地图目前不支持英文，所以如果想向网页中嵌入英文地图的话只能使用谷歌地图。 （当然，想在国内从浏览器访问谷歌地图的大前提是已经翻了墙。） 谷歌地图网址：https://www.google.com/maps/@27.9666829,120.6656123,15z 点击左侧的“共享”->“嵌入地图”，便可获得嵌入地图的ifram...
使用JavaScript加载OpenStreetMap地图
最新发布
TechNovaX的博客
08-12 300
通过引入Leaflet库、创建地图容器、初始化地图对象和添加图层，我们可以在网页中展示出美观且具有交互性的地图。在Web开发中，我们经常需要在网页中显示地图。OpenStreetMap是一个开放的地图数据项目，提供了丰富的地图数据，并且允许开发者使用其数据来创建交互式地图。这个URL模板包含了地图瓦片（tiles）的地址，{s}、{z}、{x}和{y}是变量，分别表示服务器、缩放级别、瓦片的X坐标和瓦片的Y坐标。在JavaScript中，我们需要编写代码来初始化地图，并将其显示在之前创建的地图容器中。
网页或者博客中插入英文谷歌动态地图
08-03
网页或者博客中插入英文谷歌动态地图
openstreetmap website部署
pengrui18的专栏
12-12 2500
原文地址：https://github.com/openstreetmap/openstreetmap-website1. 软件介绍openstreetmap-website是The Rails Port,the OpenStreetMap网址和API是通过the Ruby on Rails软件来实现的.软件功能包括: 1.网页,包括用户账户,个人入口，用户与用户直接消息通知 2.基于XML格式
基于ASP的外贸英文企业网站源码 v2.1.zip
07-17
通过上述介绍，我们可以看出"基于ASP的外贸英文企业网站源码 v2.1.zip"是一个包含了构建外贸企业网站所需的基本组件和功能的源代码包，开发者可以在此基础上进行定制化开发，以满足特定企业的业务需求。
Visum中导入GIS地图
08-22 2270
翻译了一天，感觉人都快变成翻译机器了。终于可以看些其他的了。 在刚用visum的时候就觉得虽然它network的编辑挺方便的，但是偷懒的我还是不希望一条link一条link的往上加。况且现在地图文件那么多，总能找到一个别人已经画好的吧。结果在一个新项目中我就尝试了一把，用的是在淘宝上花50元买的gis地图。我并不要求有多大精度，所以总的来说这个shapefile还是不错的。 但当我真的去尝试后
使用 HTML Geolocation API 在地图上显示用户位置
我的博客，不一样的自我表达
05-25 121
您会注意到我们正在加载Leaflet，这是一个用于创建交互式地图的开源 JavaScript 库。当与OpenStreetMap结合使用时，它是Google Maps API的强大替代品。如果支持地理定位，我们使用该getCurrentPosition方法返回用户当前位置。在本教程中，我们将使用 HTML Geolocation API 在地图上显示用户的当前位置。虽然此示例非常简单，但它为创建更复杂的位置感知网站和应用程序提供了坚实的基础。在浏览器中打开 HTML 文件（您需要允许该文件知道您的位置）。
Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图
BADAO_LIUMANG_QIZHI的博客
04-18 2853
场景 Openlayers下载与加载geoserver的wms服务显示地图： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114320531 在上面使用Openlayers加载wms服务显示地图的基础上，如果想要在Vue中使用Openlayers加载地图怎么用。 上面加载的wms的地图服务 Openlayers的官方Quick start中给的例子使用的是OSM https://openlayers.org/en/lates
OpenStreetMap网页界面介绍与OSM数据多种下载渠道及方式对比
疯狂学习GIS的博客
08-02 4092
  本文对OpenStreetMap（OSM）网页与各类OSM数据的多种下载方式加以详细介绍，并对不同数据下载方式加以对比。OSM数据包含道路与铁路路网、建筑、水体、土地利用、兴趣点、行政区边界等各类数据，同时具有.shp、.pbf、.osm、.csv等多种类型，方便大家不同的使用需求。在这里有一点需要注意：OSM数据在国家边界数据方面非常不准确，如有相关需求，大家可以从其它网站获取对应边界数据。 OSM数据下载方法目录1 Export2 Overpass API3 Planet OSM4 Geofabri
Qt加载google earth
07-04
借助Com组件，加载Google Earth，通过调用Google Earth API，使地图显示在Qt界面之中，讲解链接https://blog.csdn.net/zmxzmx110/article/details/80914006
基于QT的电子地图设计与实现
12-14
毕业设计是基于QT的电子地图设计与实现 ，用于C语言的开发。
QT_GoogleMap
03-03
Google Map API for Qt (C++). How to Get Started 1 Download the source code 2 Run qmake and then make. This builds both the library and the demo. 3 make install to install the library into /usr/lib.
Qt写的谷歌地图示例
12-25
Qt 谷歌地图的示例程序。 一点不懂webkit和javascript开始摸起。如有疏漏多多斧正。 例子的功能就是在标准的qt主窗口加载一个谷歌地图。webkit在（0，0）放置一个图标。地图移动后通知Qt在标准输出打印经纬度。 因为以前上传资源的时候有人说我上传的不能编译。这里说明一下，我以前用的是4.8，现在用的是5.2，版本对不上可能需要小变动。 里面还有一个pdf是谷歌地图v3的中文手册，呵呵，希望看到这个的外语白痴不用再走那么多弯路了。
OpenStreetMap初探与实战
csucoderlee的专栏
05-24 4201
OpenStreetMap（OSM）是一个由志愿者创建并维护的免费和开源的地图数据库。其目的是为全球任何人提供可自由使用、编辑和分发的地图数据。OpenStreetMap数据库中的地理要素包括道路、建筑、河流、森林、山脉、公共设施等。由于OpenStreetMap是开放的平台，任何人都可以添加新的地理信息，从而使其不断发展和更新。OpenStreetMap已经成为诸如Google地图等商业地图的一个重要替代品。
Qt —— QWebEngineView加载谷歌离线地图（包含离线地图瓦片下载制作、附谷歌地图开发文档）
wx微信公众号“码农总动员”，获取更多编程知识
06-02 8771
  关注 微信公众号搜索"Qt_io_"或"Qt开发者中心"了解更多关于Qt、C++开发知识.。 笔者 - jxd
将Google Earth加载入Qt地图界面
zmxzmx110的博客
07-04 6395
将Google Earth加载入Qt地图界面 本文采用Qt5.9.3，创建简单界面，能够借助Com组件打开Google Earth.exe应用程序，可进行更深层开发，做出地图显示界面。虽然Google Earth在新版本中已经将 Com基础知识及Google Earth相关书籍 程序效果图 程序讲解 代码出处 Com基础知识及面向对象编程思想 一些基本东西我就不多说了，提供几个关键...
Qt地图插件学习
yht1107030154的博客
08-30 2573
Qt地图插件研究学习资料 gitthub上高德地图的列子 高德地图-Qt地图插件 ：https://github.com/SindenDev/amap Qt调用高德API的demo ：https://github.com/SindenDev/QAMap 高德离线地图： https://github.com/wangpengcheng/OfflineMapTest gitthub谷歌地图插件 https://github.com/vladest/googlemaps 博客上的自定义地图插件列子 https:/
openstreetmap获取城市路网数据
热门推荐
m0_38137231的博客
03-16 2万+
近期想要尝试获取国内任意城市的路网数据，苦于没有一个详细的完整版自己一步一步下来终于成功了过程不难所以详细的记录获取的过程，供大家学习参考！！！以下是我有道云的笔记链接：（http://note.youdao.com/noteshare?id=20acd381a39bb6bed683a33ac28331c4）点击打开链接...
分布式缓存技术在插入密集型系统中的应用与实现
"分布式缓存技术在插入密集型系统中应用的研究与实现" 随着互联网行业的飞速发展，分布式缓存技术已成为提升系统性能的关键组件。它主要用于缓解数据库压力，提高响应速度，尤其在查询密集型应用中表现突出。然而，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值