jsp，juery,js,javaScript,web前端引用腾讯地图根据经纬度动态标记并圈出范围，标记点击显示详情

先上图看效果-----------根据经纬度动态加载地图标记，根据经纬度位置动态加载半径圈出范围，点击标记显示当前标记信息

代码图：

首先引用加载腾讯地图官网示例地址：

https://lbs.qq.com/javascript_v2/demo.html

https://lbs.qq.com/javascript_v2/case-run.html#sample-overlay-marker2

需要什么功能可以参考官方API示例

 

---------------------------------------下面本人自己使用的代码-------------------------

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/pages/common/taglibs.jsp" %>




    <%@ include file="/WEB-INF/pages/common/mainCss.jsp" %>
	
	
	
	

 



所有${rootTitleName} 共${apiRsp.count}个
	

       

	   	 
	   	    --省份--
			
				${item.name}
	   	    
	   	 
	   
	   

		   
	   	    --城市--
	   	    
				${item.name}
	   	    
	   	 
	   
       

		   
	   	    --区/县--
	   	     
				${item.name}
	   	    
	   	 
	   
		<%--
--%>
			<%----%>
				<%----状态----%>
				<%-- selected='selected' >上架--%>
				<%-- selected='selected' >下线--%>
				<%-- selected='selected' >草稿--%>
			<%----%>
		<%--
--%>
		
		
		<%--搜索--%>
		搜索
	 
    


	



<%@ include file="/WEB-INF/pages/common/mainFooter.jsp" %>


<%--引用腾讯地图--%>

 

主要代码块：

 

ps:因为我是的数据是动态从后台加载拿到的，一加载页面就会去后端拿数据。只有拿到数据返回true才会在地图上去加载显示标记 等，所以测试看效果的时候需要将代码调整下，不需要去调后端接口拿数据因为你们现在还没这个接口，直接加载显示标记先看效果》》》》》