<div id="map_container"></div>
<script type="text/javascript" src="//webapi.amap.com/maps?v=1.4.14&key=75af8d42e4c14c36aefcc550defcd5d0"></script>
<script type="text/javascript">
//初始化地图对象,加载地图
var map = new AMap.Map("map_container", {
resizeEnable: true,
lang: "en",
//二维地图显示视口
view: new AMap.View2D({
center: new AMap.LngLat(114.51,23.47), //地图中心点
zoom: 15 //地图显示的缩放级别
})
});
//地图中添加地图操作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>Huizhou Xunyang Electronics Co., LTD</b>");
var marker = new AMap.Marker({
map: map,
position: new AMap.LngLat(114.51,23.47), //基点位置
offset: new AMap.Pixel(0, 0), //相对于基点的偏移位置
draggable: false, //是否可拖动
});
marker.setMap(map); //在地图上添加点
var infoWindow = new AMap.InfoWindow({
content: info.join("<br/>")
});
infoWindow.open(map, new AMap.LngLat(114.51,23.47)); //在地图上打开信息窗体
</script>
#map_container{height:470px;}
@media (max-width: 768px){
#map_container{
width: 100%;
}
}
上一篇:canvas 粒子动画
下一篇:canvas 粒子动画