欢迎来到路由器窝!

英文高德地图

浏览次数:

作者: 小编

信息来源:

更新日期: 2022-07-27 13:34

文章简介

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

  • 正文开始
  • 相关文章
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="Keywords" content="" />
    <meta name="Description" content="" />

    <style type="text/css">
body{ margin:0;padding:0;font-family:Arial,Times New Roman, serif}
p{ margin:0;padding:0}
html,body{
    width:100%;
    height:100%;
}
#map_container{ height:100%;}

@media print{
  #notes{ display:none}
  #map_container{ margin:0}
}
/*]]>*/</style>

</head>
<body>

<div id="map_container"></div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=5563708237748adfbceced14e8cef9c5"></script>


   <script type="text/javascript">
    	    //初始化地图对象,加载地图
    	    var map = new AMap.Map("map_container", {
    	        resizeEnable: true,
                lang:"en",
    	        //二维地图显示视口
    	        view: new AMap.View2D({
    	            center: new AMap.LngLat(113.78933,22.731031), //地图中心点
    	            zoom: 13 //地图显示的缩放级别
    	        })
    	    });
    	    //地图中添加地图操作ToolBar插件
    	    map.plugin(["AMap.ToolBar"], function () {
    	        var toolBar = new AMap.ToolBar();
    	        map.addControl(toolBar);
    	    });

    	    //创建信息窗体
    	    var info = [];
    	    info.push("<div style=\"padding:0px 0px 0px 4px;\"><b>S-HANDE</b>");
    	    info.push("Tel:+86 133 1656 3803");
    	    info.push("Address:3rd, Floor,Building D1,Baishixia Xintang Industrial Park, Shajin Bao'an District,Shenzhen.");
            

           var marker = new AMap.Marker({
			map:map,
			position: new AMap.LngLat(113.78933,22.731031), //基点位置
			offset: new AMap.Pixel(-10,-20), //相对于基点的偏移位置
			draggable: false,  //是否可拖动
		});
		marker.setMap(map);  //在地图上添加点
    	    var infoWindow = new AMap.InfoWindow({
    	        content: info.join("<br/>")
    	    });
    	    infoWindow.open(map, new AMap.LngLat(113.78933,22.731031)); //在地图上打开信息窗体
	</script>

</body>
</html>


转载请注明:js脚本» 英文高德地图

标签:
上一页:高德地图英文版
没有了
最近更新作品
英文高德地图
更新时间:2022-07-27

791人已经看过了!

高德地图英文版
更新时间:2022-07-03

874人已经看过了!

JS获取url并且赋值DIV
更新时间:2022-06-28

802人已经看过了!

播放mp3
更新时间:2022-05-14

882人已经看过了!

无form提交搜索
更新时间:2021-12-03

630人已经看过了!

js时间带星期时间走动
更新时间:2021-11-18

924人已经看过了!

通用banner通用banner通用banner幻灯
更新时间:2021-01-27

109人已经看过了!

js根据地址的一部分(可以指定部分)高亮
更新时间:2020-11-22

118人已经看过了!

js获取ip地址城市
更新时间:2020-10-18

132人已经看过了!

根据URL判断是否显示
更新时间:2020-07-15

154人已经看过了!