GIS.zip_asp.net_gis_地图标注_百度地图划线资源-CSDN文库

共1个文件

html：1个

版权申诉

66 浏览量 2022-09-15 01:20:53 上传评论收藏 2KB ZIP 举报

标题中的“GIS.zip_asp.net_gis_地图标注_百度地图划线”表明这是一个关于使用ASP.NET技术结合GIS（地理信息系统）实现百度地图上的标注和划线功能的项目或教程。这个压缩包可能包含了实现这一功能的核心代码和一个示例HTML文件。在描述中提到的“百度地图使用，画线，标注，动画标注等”，意味着这个项目不仅涉及基本的在地图上绘制线条和设置标注，还可能包括了动态效果，如动画标注，这将为用户提供更加生动和直观的地图交互体验。标签进一步细化了关键知识点： 1. **ASP.NET**：这是一个微软开发的Web应用程序框架，用于构建动态网站、Web应用和Web服务。在这个项目中，ASP.NET可能被用来处理用户的请求，生成地图并处理与地图交互的逻辑。 2. **GIS**：地理信息系统是一种集成了计算机硬件、软件和地理数据的系统，用于创建、管理和分析地理位置相关的数据。在这里，GIS可能通过API与百度地图进行集成，允许在Web应用中展示和操作地图。 3. **地图标注**：地图标注是将特定位置或区域在地图上标记出来，通常包含文字、图标或其他可视化元素，便于用户识别和理解。在本项目中，用户可以添加标注来表示特定地点或者信息。 4. **百度地图划线**：这是指在百度地图上绘制线条或路径的能力，可能用于显示路线、区域边界或其他地理特征。划线功能通常基于百度地图JavaScript API实现，允许动态生成和修改线条。在压缩包的文件名称列表中，我们看到一个名为“GIS.html”的文件。这可能是一个简单的HTML页面，用于展示和测试项目功能。HTML页面可能包含了内嵌的JavaScript代码，这些代码使用了百度地图JavaScript API来实现地图的加载、标注的添加以及划线等功能。用户可以通过这个HTML页面直接在浏览器中查看和操作地图，体验项目的效果。这个项目提供了一个使用ASP.NET和百度地图API来实现地图标注和划线功能的实例，适用于学习和开发基于Web的地理信息系统应用。开发者可以通过研究这个项目来了解如何在自己的应用中集成类似的功能，提升用户体验。同时，对于熟悉GIS和ASP.NET的开发者来说，这也将是一个很好的参考资源，帮助他们快速理解和实现地图服务的集成。

资源详情

资源评论

资源推荐

收起资源包目录

GIS.zip （1个子文件）

GIS.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="refresh" content="20"> <title>GIS</title> <style type="text/css"> html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=dGp2IYQ4MhMkTqj9HheGbWG29kmGmex7"></script> </head> <body> <div id="container"></div> <script type="text/javascript"> var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(118.811, 31.978), 18); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.addControl(new BMap.MapTypeControl()); map.setCurrentCity("南京"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用 var mapStyle={ style : "bluish" } map.setMapStyle(mapStyle); map.enableScrollWheelZoom(true); var pointA = new BMap.Point(118.809818, 31.976406); var pointB = new BMap.Point(118.811987, 31.977719); var pointC = new BMap.Point(118.814345, 31.979128); var pointD = new BMap.Point(118.810725, 31.976946); var polylineAB = new BMap.Polyline([ pointA,pointB], {strokeColor:"green", strokeWeight:6, strokeOpacity:1} ); var polylineBC = new BMap.Polyline([ pointB,pointC], {strokeColor:"green", strokeWeight:6, strokeOpacity:1} ); map.addOverlay(polylineAB); map.addOverlay(polylineBC); function addMarker(point, index){ // 创建图标对象 var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { // 指定定位位置。 // 当标注显示在地图上时，其所指向的地理位置距离图标左上 // 角各偏移10像素和25像素。您可以看到在本例中该位置即是 // 图标中央下端的尖角位置。 anchor: new BMap.Size(10, 25), // 设置图片偏移。 // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您 // 需要指定大图的偏移位置，此做法与css sprites技术类似。 imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移 }); // 创建标注对象并添加到地图 var marker = new BMap.Marker(point, {icon: myIcon}); map.addOverlay(marker); return marker; } //var markerA = new BMap.Marker(pointA); // 创建标注 //var markerB = new BMap.Marker(pointB); // 创建标 //var markerC = new BMap.Marker(pointC); // 创建标 //map.addOverlay(markerA); // 将标注添加到地图中 addMarker(pointA, 0); addMarker(pointB, 1); addMarker(pointC, 2); addMarker(pointD, 10).setAnimation(BMAP_ANIMATION_BOUNCE); //map.addOverlay(markerB); // 将标注添加到地 //map.addOverlay(markerC); // 将标注添加到地 </script> </body> </html>