百度地图api的代码示例:http://lbsyun.baidu.com/jsdemo.htm#i5_1
百度地图API的使用
https://www.cnblogs.com/zqzjs/p/5293698.html
公司定位示例图
<%@ 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;">
<!-- 内容头部 -->
<section class="content-header">
<h1>
首页
<small>公司简介</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
<li><a href="#">模块名称</a></li>
<li class="active">模块功能</li>
</ol>
</section>
<!-- 内容头部 /-->
<!-- 正文区域 -->
<section class="content">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">模块操作</h3>
</div>
<div class="box-body">
<h2>尊敬的${user.companyName}:</h2><br>
<h4>欢迎登陆!</h4>
</div>
<%--地图--%>
<div id="allmap" style="margin: 0 auto; width:900px; height: 400px ">
</div>
<center>${user.companyName}联系方式:${user.tes}</center>
<br>
</div>
</section>
<!-- 正文区域 /-->
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=XXXXXXXXXXXXXXXXXXXXXXXXXX"></script>
<script>
//ak是开发者密钥,没有的话,这里只提供学习使用,各位本人已经快被撸爆呀。 ZYzoSPC8AnAZb7ILjv0GY3QLSFaH4CqK
//116.635672,40.169419
// 百度地图API功能
// 百度地图API功能
var map = new BMap.Map("allmap");
map.enableScrollWheelZoom(); //启用滚轮放大缩小
var point = new BMap.Point(111.670688,40.855635);
var marker = new BMap.Marker(point); // 创建标注
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
map.addOverlay(marker); // 将标注添加到地图中
map.centerAndZoom(point, 16);
var opts = {
width : 150, // 信息窗口宽度
height: 80, // 信息窗口高度
title : "内蒙古呼和浩特" , // 信息窗口标题
enableMessage:true,//设置允许信息窗发送短息
message:"亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"
}
var infoWindow = new BMap.InfoWindow("地址:内蒙古呼和浩特 第六组公司", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //开启信息窗口
</script>