在网站中插入 英文地图非谷歌
众所周知 谷歌地图在国内打不开
费劲九牛二虎之力 终于找到一个外国的地图插件
代码如下
<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 © <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 = '© <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 = '© <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>
在网站中插入 英文地图非谷歌相关推荐
- 在网页中插入百度地图
在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...
- 在网页中插入百度地图(实例)
步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...
- 在网页中插入百度地图(Wayde-实例)
摘要:进入:http://api.map.baidu.com/lbsapi/creatmap/ (创建地图-百度地图API所见即所得工具,百度官方地址,大家放心使用)... 转载请注明来源:在网页中插 ...
- 如何在网站中插入优酷视频
如何在网站中插入优酷视频 随着网站的多元化,一些个人或公司的网站也不断的丰富,其中插入优酷视频就是其中一种方法,那么如何在网站中插入优酷视频呢 黎明网络营销网站就给大家介绍一下 第一步:我们先在 ...
- 怎么在网站中插入天气预报,qq,发送邮件
引用:http://xdwangiflytek.iteye.com/blog/1387954 晚上看博客看到一个关于在网站中插入天气预报的,所以在这里收藏一下: Html代码 <iframe ...
- 百度地图如何在html中显示图片,在网页中插入百度地图(实例)
获取代码如下:(注意:通常我们在网页中只要插入以下代码,小虫标注出来,其余的可不用.) 1.在 间插入下面代码:这是样式和JS脚本. html,body{margin:0;padding:0;} .i ...
- SpringBoot向数据库中插入英文没问题,中文报错乱码问题
今天调试接口的时候发现向数据库中添加中文字段时会抛出异常,检查了一下发现是数据库创建时编码设置出现了问题,当向数据库插入中文出现乱码.问号或者报错时检查步骤应有如下几步: 1首先检查一下看看插入英文时 ...
- 如何在网站中插入视频
很多新手站长在往自己网站里,添加土豆优酷等视频网站里的视频时,会遇到一些麻烦,珊珊在这里向大家介绍一种简单方法. 1.首先要找到要插入的视频,如下图点击分享给朋友右侧的小按钮. ...
- 在网页中插入百度地图的那些事
在公司做项目的时候,做一个联系我们的页面,需要在页面插入百度地图,由于使用bootstrap框架开发的,所以会在ie和火狐出现问题(显示不出来),bootstrap.css样式里面包含地图的属性,把d ...
最新文章
- PHP基础——语法篇
- qemu交叉编译arm内核_arm qemu (1) 内核启动调试环境搭建
- 我不知道的事——深克隆和浅克隆
- c java学哪个好_c语言和java学哪个好
- vue获取table一列数据_vue中比较重要的小知识点
- 使用Python模拟蒙蒂霍尔悖论游戏
- 1108. Finding Average (20)-PAT甲级真题
- 使用AVR-GCC编程Arduino
- 百度文库付费文档完整查看_无需付费直接下载百度文库!
- 关于Redis在windows上运行及fork函数问题
- steamcommunity本地反代443端口/80端口被占用解决办法
- 雪球: 关于股票的经典书籍有哪些推荐
- 阿里云首席安全研究员吴翰清:我人生的两次选择
- Unity UI层级管理框架
- 【excel】如何进行数据排序
- 智慧校园:校务助手微信小程序端源码
- Python迭代器是什么?
- 分享一个无需账号完全免费的 ChatGPT-4 的方法
- Odoo开源ERP:功能模块操作-销售功能篇
- SEO 行业怎么了?