百度地图添加marker，并增加左键点击，右键菜单，文本窗等功能

最新推荐文章于 2023-05-15 15:28:26 发布

窗台的猫

最新推荐文章于 2023-05-15 15:28:26 发布

阅读量4.8k

点赞数

本文链接：https://blog.csdn.net/qq_39545641/article/details/78873468

版权

这篇博客介绍了如何在百度地图上添加Marker，并实现左键点击与右键菜单功能，同时结合EasyUI框架提供文本窗口交互。地图默认为卫星图层，可根据需求切换到普通平面图层。

摘要由CSDN通过智能技术生成

代码内中方法参数与数据库连接，仅供参考！

技术粗浅，不喜勿喷，谢谢

前台用的easyUI框架，本人懒，有需要的朋友把多余的部分删掉再研究

地图底层用的卫星图，引用有错漏，可改成普通的平面图层

---------------------------------------------------------------------------------

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<jsp:include page="../../../inc.jsp"></jsp:include>
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅黑";
}

#allmap {
height: 100%;
width: 100%;
}

#r-result {
width: 100%;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Xpn5CoFXh7Ezel6rNXiI4XjNPOytHFuc"></script>

<title>摄像头管理</title>
</head>
<body>
<input type="button" οnclick="add_overlays();" value="添加摄像头" />
<div id="allmap"></div>
<div id="r-result"></div>
<script type="text/javascript">
var cameraGrid = selectAll();
function selectAll() {
$.ajax({
url : '${pageContext.request