<div id="map_container"></div>

<script type="text/javascript" src="//webapi.amap.com/maps?v=1.4.14&amp;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%;
  }
}