学做网站培训课程介绍

当前位置:

如何在外贸网站中嵌入英文版地图

制作外贸网站时,如果想在网站的网页中嵌入地图,我们需要嵌入英文版地图。如下图:

怎么做到嵌入这样的英文版地图呢,下面学做网站论坛就来介绍一下制作方法。

以高德地图为例,只需要将以下的代码放到自己的网页上即可。


<div id="container"></div>
<script src="https://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=29ae958f8ed87a80364f9ed5b3c63d42&&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar"></script>
<script>
//初始化地图
var map = new AMap.Map('container', {
zoom: 16,
resizeEnable: true,
center: [121.44,31.23],
lang: "en" //可选值:en,zh_en, zh_cn
});

marker = new AMap.Marker({
icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
offset: new AMap.Pixel(-13, -30)
});
marker.setMap(map);
toolBar = new AMap.ToolBar({visible: true});
map.addControl(toolBar);
</script>

代码里的一个lang: "en" //可选值:en,zh_en, zh_cn,这个就可以选择地图的语言。如果需要中文选择zh_cn,如果需要英文版就选择en即可。

代码中的center: [121.44,31.23],就是地图标注的X轴Y轴坐标值 。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 这个教程将讲解Wordpress + Elementor可视化开发外贸独立网站的整个过程,将以视频案例的方式一步步讲解如何可视化开发外贸独立网站。以下是可视化开
  • 网站导航菜单中常见的有二级下拉菜单,这个制作起来相对比较简单。如果网站项目比较多时,可以制作三级下拉菜单,可以更好的展示项目。如下图:怎么
  • 现在很多网站都安装了SSL证书来实现加密访问,SSL证书一般是申请后可以使用一年,一年到期后再次申请重新布署。但有些站长会遇到这样的情况,网站旧
  • WordPress程序里的某个PHP文件,如果想连接数据库,一般需要填写数据库名、数据库用户、密码等信息,如下:<?php$conn=mysqli_connect(&qu
  • 我们做网站一般都是做自适应结构,不同用户使用不同的浏览设备可以浏览不同的版面的网站。但有时为了特殊的要求,我们不希望自己的网站手机端自适应,
  • 我们制作网站前台提交发布界面时,富文本编辑器常常使用kindeditor 编辑器,kindeditor 编辑器支持用户上传图片和附件,通常情况下编辑器是不限制附件
  • 帝国CMS建网站时,使用程序自带的菜单标签,可以生成纯A的菜单。[!--class.menu--]如果只想调用一级导航,可以使用以下的代码:<
  • notepad是一款比较好用的网页编辑软件,学建站网张启亚老师也一直在用notepad。notepad有一个比较实用的功能就是它会自动保存之前打开的文件列表,但
  • notepad是一款比较好用的网页编辑软件,学建站网张启亚老师也一直在用notepad。notepad有一个比较实用的功能就是它会自动保存之前打开的文件列表,但
  • 我们有些同学做的是下载类网站,如果使用普通的A标签来下载,很容易被别采集,这样会严重影响网站的运营。那么怎么隐藏下载地址呢?让资源的下载地址