百度地图Js之浏览端c

百度地图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>

路线图示例

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值