<!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"/> <style type="text/css"> body, html, #allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; } <!-- 鼠标绘制点线面-- > dl, dt, dd, ul, li { margin: 0; padding: 0; list-style: none; } p { font-size: 12px; } dt { font-size: 14px; font-family: "微软雅黑"; font-weight: bold; border-bottom: 1px dotted #000; padding: 5px 0 5px 5px; margin: 5px 0; } dd { padding: 5px 0 0 5px; } li { line-height: 28px; } #r-result { width: 100%; font-size: 14px; } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7OV3ewXplRwrOHTzXIm9gxqG1jGjzMzl"></script> <!--<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>--> <!--<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script><!––>--> <script type="text/javascript" src="http://api.map.baidu.com/library/RectangleZoom/1.2/src/RectangleZoom_min.js"></script><!--划区域缩放--> <!--加载鼠标绘制工具--> <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css"/> <!--加载检索信息窗口--> <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css"/> <!-- 判定点是否在给定范围内--> <script type="text/javascript" src="GeoUtils.js"></script> <title>设置点的新图标,点聚合</title> </head> <body> <div id="allmap"></div> <!--<div id="r-result" style="display: inline-block;width:10%;position: absolute;top:10px;left:100px;">--> <!--<input id="cityName" type="text" style="width:100px; margin-right:10px;" />--> <!--<input type="button" value="查询" οnclick="theLocation()" />--> <!--</div>--> <div id="r-result" style="display: inline-block;width:
百度API 常用接口demo
最新推荐文章于 2024-07-30 22:32:11 发布
这篇博客展示了如何利用百度地图API实现地图交互功能,包括地图定位、鼠标点击获取经纬度、设置自定义图标、区县边界绘制、鼠标绘制工具等功能的详细代码示例。
摘要由CSDN通过智能技术生成