精华内容
下载资源
问答
  • 地图上画圆形Ajax查询

    千次阅读 2010-10-27 16:19:00
    地图上画圆形Ajax查询

    基本上同http://blog.csdn.net/FlexMapServer/archive/2010/10/27/5969571.aspx即在地图上画多边形Ajax查询,不同的只是如下的Javascript代码,如下:

     

     

    结果如下:

     

    在地图上画圆Ajax查询

    展开全文
  • 我使用的是高德地图,因为是网页使用,所以我选择的是web端。 这是web端地图中的教程和实例 涉及到的实例很多,这里我就为大家演示一下圆形范围覆盖和地图标点 <!doctype html> <html> <head&...

    我使用的是高德地图,因为是在网页上使用,所以我选择的是web端。
    在这里插入图片描述

    打开后,这是web端地图中的教程和实例
    在这里插入图片描述
    涉及到的实例很多,这里我就为大家演示一下圆形范围覆盖和地图标点

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <style>
        html,
        body,
        #container {
          width: 100%;
          height: 100%;
        }
        </style>
        <title>圆的绘制和编辑</title>
        <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
        <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.CircleEditor"></script>
        <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
        <style>
            html, body, #container {
                height: 100%;
                width: 100%;
            }
    
            .amap-icon img {
                width: 25px;
                height: 34px;
            }
    
            .amap-marker-label{
                border: 0;
                background-color: transparent;
            }
    
            .info{
                position: relative;
                top: 0;
                right: 0;
                min-width: 0;
            }
        </style>
    </head>
    <body>
    <div id="container"></div>
    <div class="input-card" style="width: 120px">
        <p>高德地图</p>
    </div>
    <script type="text/javascript">
        //地图初始显示位置
        var map = new AMap.Map("container", {
            center: [103.888235,25.48758],
            zoom: 14
        });
        //在地图上绘制圆形
        //具体属性请查看文档
        var circle = new AMap.Circle({
            center: [103.888235,25.48758],
            radius: 1000, //半径
            borderWeight: 3,
            strokeColor: "#007acc", 
            strokeOpacity: 1,
            strokeWeight: 0,
            strokeOpacity: 0.2,
            fillOpacity: 0.4,
            strokeStyle: 'solid',
            strokeDasharray: [0,0,0], 
            // 线样式还支持 'dashed'
            fillColor: '#1791fc',
            zIndex: 50,
        });
        // 将圆形添加到地图上
        circle.setMap(map);
        //在地图上绘制坐标点
        var marker1 = new AMap.Marker({
            map:map,
            position:[103.888235,25.48758],
            icon:'./img/ditu1.png'
        });
        //设置坐标点的提示位置
        marker1.setLabel({
            offset: new AMap.Pixel(5, 5),  //设置文本标注偏移量
            content: "<div class='info'>位置A</div>", //设置文本标注内容
            direction: 'right' //设置文本标注方位
        });
        var marker2 = new AMap.Marker({
            map:map,
            position:[103.873254,25.484687],
            icon:'./img/ditu2.png'
        });
        marker2.setLabel({
            offset: new AMap.Pixel(5, 5),  //设置文本标注偏移量
            content: "<div class='info'>位置B</div>", //设置文本标注内容
            direction: 'right' //设置文本标注方位
        });
    
        
        // 缩放地图到合适的视野级别
        map.setFitView([ circle ]);
    
        //计算两点间的距离
        var p1 = [103.888235,25.48758];
        var p2 = [103.873254,25.48468];
    
        // 返回 p1 到 p2 间的地面距离,单位:米(使用的是高德自带的函数)
        var dis = AMap.GeometryUtil.distance(p1, p2);
        console.log(dis + '米');
    </script>
    </body>
    </html>
    

    运行结果
    在这里插入图片描述

    交个朋友,认识优秀的你我
    	我大学读的专业是软件技术,学历专科,云南省曲靖市人,2020年毕业,目前在北京一家公司做运维开发。
    

    在这里插入图片描述

    展开全文
  • C语言编程之用circle画圆形

    千次阅读 2019-03-06 19:37:37
    问题描述:学用circle画圆形。 程序源码: #include&lt;graphics.h&gt; void main() {int driver,mode,i; float j=1,k=1; driver=VGA;mode=VGAHI; initgraph(&amp;driver,&amp;mode,""...

    问题描述:学用circle画圆形。

    程序源码:

    #include<graphics.h>
    void main()
    {int driver,mode,i;
    float j=1,k=1;
    driver=VGA;mode=VGAHI;
    initgraph(&driver,&mode,"");
    setbkcolor(YELLOW);
    for(i=0;i<=25;i++)
    {
    setcolor(8);
    circle(310,250,k);
    k=k+j;
    j=j+0.3;
    }
    } 

     

    展开全文
  • 问题描述:地图随机生成10个标注,用鼠标绘制工具绘制一个圆形,alert出有几个标注点在的区域内。 先来代码,再来解释一下。 body, html{width: 100%;height: 100%;margin:0;font-family:...

    问题描述:在地图上随机生成10个标注点,用鼠标绘制工具绘制一个圆形,alert出有几个标注点在所画的区域内。

    先来代码,再来解释一下。

    <!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{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
    	#allmap {width: 100%; height:500px; overflow: hidden;}
    	#result {width:100%;font-size:12px;}
    	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;
    	}
    	</style>
    	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></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>
    	<script type="text/javascript" src="GeoUtils.js"></script>
    	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css" />
    	<title>Select Point In Circle</title>
    </head>
    <body>
    	<div id="allmap" style="overflow:hidden;zoom:1;position:relative;">	
    		<div id="map" style="height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;"></div>
    	</div>
    	<div id="result">
    		<input type="button" value="获取绘制的覆盖物个数" οnclick="alert(overlays.length)"/>
    		<input type="button" value="清除所有覆盖物" οnclick="clearAll()"/>
    	</div>
    	<script type="text/javascript">
    	// 百度地图API功能
        var map = new BMap.Map('map');
    	var a = 117.103949;
    	var b = 36.656588;
    	var minLng = 0;
    	var minLat = 0;
        var poi = new BMap.Point(a,b);
        map.centerAndZoom(poi, 10);
        map.enableScrollWheelZoom();  
        var overlays = [];
    	var num = 0;
    	var overlaycomplete = function(e){//画完之后的回掉函数
    		num = 0;
            overlays.push(e.overlay);
    		for(var i = 0;i<points.length;i++){	
    			if(BMapLib.GeoUtils.isPointInCircle(points[i],e.overlay)){
    
    				num++;
    			}
    		}
    		alert(num);
        };
        var styleOptions = {
            strokeColor:"blue",    //边线颜色。
            fillColor:"white",      //填充颜色。当参数为空时,圆形将没有填充效果。
            strokeWeight: 3,       //边线的宽度,以像素为单位。
            strokeOpacity: 0.8,	   //边线透明度,取值范围0 - 1。
            fillOpacity: 0.6,      //填充的透明度,取值范围0 - 1。
            strokeStyle: 'solid' //边线的样式,solid或dashed。
        }
        //实例化鼠标绘制工具
        var drawingManager = new BMapLib.DrawingManager(map, {
             isOpen: false, //是否开启绘制模式
            enableDrawingTool: true, //是否显示工具栏
            drawingToolOptions: {
                anchor: BMAP_ANCHOR_TOP_RIGHT, //位置
                offset: new BMap.Size(5, 5), //偏离值
            },
            circleOptions: styleOptions, //圆的样式
            polylineOptions: styleOptions, //线的样式
            polygonOptions: styleOptions, //多边形的样式
            rectangleOptions: styleOptions //矩形的样式
        });  
    	 //添加鼠标绘制工具监听事件,用于获取绘制结果
        drawingManager.addEventListener('overlaycomplete', overlaycomplete);
        function clearAll() {
    		for(var i = 0; i < overlays.length; i++){
                map.removeOverlay(overlays[i]);
            }
            overlays.length = 0   
    		num = 0;
        }
    	var points = new Array(10);
    	
    	map.clearOverlays(); 
    		for(var i =0;i<10;i++){
    			var new_point = new BMap.Point(a+getRandom(),b+getRandom());
    			points[i] = new_point; 
    			var marker = new BMap.Marker(new_point);  // 创建标注
    			map.addOverlay(marker);              // 将标注添加到地图中
    			map.panTo(new_point);  
    		}	
    	
    	function getRandom(){
    		return Math.random() / 2;
    	}
    
    
    </script>
    </body>
    </html>
    

    首先呢,ak为密钥,可以在 http://lbsyun.baidu.com/ 网站上申请,很简单。

    GeoUtils为百度提供的一个js脚本,里面不仅仅有判断标注点在圆的方法,还有在矩形,多边形等等的。当然还有一些别的方法,比如说:将度数转化为弧度,将弧度转化为角度等等的。在百度上搜索GeoUtils下载就可以下载,实在找不到,给我留言,我给你发过去。

    大家如果有什么没想明白的,可以留言讨论,一起学习!

    快乐学习,快乐编程!

    展开全文
  • 画圆形运动轨迹

    千次阅读 2019-07-19 21:18:32
    画圆形运动轨迹 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
  • android 画圆形图 获取圆形bitmap

    千次阅读 2018-08-08 16:13:53
    android里画圆形图的方法,我知道四种,前三种是java代码,此次重点记录这三种方法,最后一种是利用shape、shape-layer将图片显示成圆形,这种方法可自行上网百度,不推荐。 三种java代码方法,分别是使用...
  • 安卓如何画圆形

    千次阅读 2015-03-19 22:21:34
    【功能说明】该方法用于画布绘制圆形,通过指定圆形圆心的坐标和半径来实现。该方法是绘制圆形的主要方法,同时也可以通过设置画笔的空心效果来绘制空心的圆形。 【基本语法】public void drawCircle (float ...
  • 如题: IsPtInPoly.java ... import java.util.ArrayList;...import java.util.List;... * java判断某个是否范围内(多边形【isPtInPoly】/圆形【distencePC】) * @param point 检测 * @param pts
  • 微信小程序画布圆形进度条demo

    千次阅读 2018-05-29 12:09:13
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: wxml <!--pages/test/test.wxml--> <canvas style="width: 300px; height: 200px;" canvas-id="canvasid">.../...
  • android中画圆形图片的几种办法

    千次阅读 2015-08-07 23:25:42
    android中画圆形图片的几种办法 android 开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手的图片或者从服务器...
  • HTML5之Canvas画圆形

    千次阅读 2015-03-14 20:51:44
    HTML5之Canvas画圆形 1、设计源码 HTML5之Canvas画圆形 var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); context.fillStyle="#0000ff"; context....
  • SVG画圆形进度条

    千次阅读 2015-06-21 17:54:31
    HTML5自由者 SVG画圆形进度条 #svgForStroke { position: absolute; top: 0; left: 0; width: 200px; height: 200px; stroke-d
  • canvas画圆形图片

    千次阅读 2018-05-02 17:49:04
    效果图:实现环境微信小程序中参考网站https://www.jianshu.com/p/9a6ee2648d6f先封装circleImg()方法 circleImg: function (ctx, img, x, y, r){ ctx.save(); var d = 2 * r; var cx = x + r; var cy = y + r; ...
  • C++经典算法题-用circle画圆形

    千次阅读 2020-01-08 17:15:36
    1. 题目 题目:画图,学用circle画圆形。 2. 代码示例 /*circle*/ #include "graphics.h" main() { int driver,mode,i; float j=1,k=1; driver=VGA;mode=VGAHI; initgraph(&driver,&a...
  • js画圆形百分比

    千次阅读 2020-10-09 17:25:56
    - svg <!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>... char
  • Matlab中画圆形

    万次阅读 2013-05-20 09:00:51
    注意rectangle函数,也就是矩形的函数,其实是可以用来画圆的,它有一个Curvature参数,是设定矩形角的形状,如果设置为[1,1]的话,就是椭圆了,如果这时候矩形是一个方形的话,那出来的就是一个标准的圆形: ...
  • 高德地图打点画圆 var circle = new AMap.Circle({ center: [经纬,纬度], radius: 1000, //半径 borderWeight: 3, strokeColor: "#FF33FF", ...
  • 画圆形图片的几种方式

    千次阅读 2016-08-14 01:47:09
    开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手的图片或者从服务器获取到的图片都是方形的。这时候就需要我们自己进行处理,将图片处理...
  • Android自定义view——动态画圆形

    千次阅读 2016-09-12 18:05:32
    最近经常会被问到自定义控件方向的问题,今天抽空做了一个简单的demo。简单仿照火箭闹钟首页的动画。就是动态的一个圆形,这个和当前时间的秒值绑定。下面直接看代码
  • 用canvas画圆形图片

    千次阅读 2018-10-16 15:51:16
    将矩形图片绘制成圆形图片,已封装好的画圆函数: function drawCircular(ctx,width, height, x, y, url) { var avatarurl_width = width; var avatarurl_heigth = height; var avatarurl_x = x; var ...
  • java 画圆形按钮

    千次阅读 2012-11-15 09:19:05
    java 圆形按钮类      package C10.src.book.graphic; import java.awt.Color; import java.awt.Dimension; import java.awt.FlowLayout; import java.awt.Graphics; import java.awt.Shape; import...
  • Visio怎么画圆形

    千次阅读 2015-06-07 21:08:21
    用绘图工具中的椭圆
  • 三种方法画圆形图片

    千次阅读 2014-09-26 14:25:14
    android中画圆形图片的几种办法  开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手的图片或者从服务器获取到的图片都是方形的。这...
  • html5 canvas椭圆形

    千次阅读 2015-09-16 18:04:05
    canvas中可以很方便的用arc方法圆形,本来圆形也可以看作是一个宽高相等的椭圆,但canvas中根本没有椭圆的方法,我们要用其他方法来模拟。 我们首先要明确一个椭圆需要那些参数,基本的几何知识告诉我们...
  • 我想一个圆然后圆上面一张LOGO(图片) LOGO不能比圆大而且是剧中显示的 哪位大神能给个demo啊
  • shape可以绘制矩形环形以及椭圆、所以只需要用椭圆就可以完成需求、使用的时候将控件比如textview的高宽设置成一样就是正圆、solid表示远的填充色、stroke则代表远的边框线、所以两者结合可以实现带边缘的圆、...
  • android带动画的圆形进度条

    千次阅读 2016-06-30 12:00:56
    偶然发现一个很好的app,圆环进度条,带加速动画,看起来相当不错。尝试着克隆一下。 ...实现了预想的效果,具体代码稍后奉。 代码: package com.zkbc.finance.widget; import andr

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 73,997
精华内容 29,598
关键字:

在点上画圆形怎么画