Baidu map JS browsing terminal

Baidu Maps api Code example of :http://lbsyun.baidu.com/jsdemo.htm#i5_1

Baidu Maps API Use
https://www.cnblogs.com/zqzjs/p/5293698.html

Example of company positioning

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp"%>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <!--  Content header  -->
    <section class="content-header">
        <h1>
             home page 
            <small> Company profile </small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i>  home page </a></li>
            <li><a href="#"> Module name </a></li>
            <li class="active"> Module function </li>
        </ol>
    </section>
    <!--  Content header  /-->

    <!--  Body area  -->
    <section class="content">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title"> Module operation </h3>
            </div>
            <div class="box-body">
                <h2> honorific ${
    user.companyName}:</h2><br>
                <h4> Welcome landing !</h4>
            </div>
            <%-- Map --%>
            <div id="allmap" style="margin: 0 auto; width:900px; height: 400px ">


            </div>
            <center>${
    user.companyName} Contact information :${
    user.tes}</center>
            <br>
        </div>
    </section>
    <!--  Body area  /-->
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ZYzoSPC8AnAZb7ILjv0GY3QLSFaH4CqK"></script>
<script>
    //116.635672,40.169419
    //  Baidu Maps API function 
    //  Baidu Maps API function 
    var map = new BMap.Map("allmap");
    map.enableScrollWheelZoom();    // Enable the scroll wheel to zoom in and out 
    var point = new BMap.Point(111.670688,40.855635);
    var marker = new BMap.Marker(point);  //  Create annotations 
    marker.setAnimation(BMAP_ANIMATION_BOUNCE);
    map.addOverlay(marker);              //  Add annotations to the map 
    map.centerAndZoom(point, 16);
    var opts = {
    
        width : 150,     //  Information window width 
        height: 80,     //  Information window height 
        title : " Hohhot, Inner Mongolia " , //  Message window title 
        enableMessage:true,// Set to allow message window to send short message 
        message:" Pro resistant , Let's have dinner together in the evening ？ Stamp the link below to see the address ~"
    }
    var infoWindow = new BMap.InfoWindow(" Address ： Hohhot, Inner Mongolia   The sixth group of companies ", opts);  //  Create information window object 
    map.openInfoWindow(infoWindow,point); // Open the message window 

</script>

Example Roadmap