So as we saw earlier on, you specify
the center point of the circle, and
then its radius in meters.
So here you can say I've set
the .center of my circle.
I just call map.addcircle
a new circle options.
And I set its center to be renton.
And renton of course,
is the latitude and
longitude that we created earlier for
the location of the rank and renton.
I set a radius of 5,000,
which means a 5 kilometer radius
around the rank and renton.
I've set the stroke color,
which is the diameter of the circle will
be drawn in this color, Color.GREEN.
And then I've set using a fill color,
using Color.argb.
And you see I've set the A to be 64,
which means it's going to
be semi transparent.
It's going to be slightly translucent.
So, we can see the color, the 0, 255,
0, which is going to be green, but
it's a partially transparent green.
Now when I run the app, I'll actually
see the circle projected properly,
including taking into account
the tilt and zoom of the camera.
And it will be drawn on
the surface of the earth.
Let's take a look at that.
So here you can see it, I have my
green circle, my semi translucent one.
So as I zoom in,
you'll see that my stroke is green.
You'll see that my circle is
five kilometer radius around
the renton ice rink.
Because I've colored
it with translucency,
we can actually see through
to the map underneath.
And also because my camera
is tilted a little bit,
we can see that it's
slightly oval in shape.
I'm not looking straight down at
90 degrees to make it a circle.
I'm tilted a little bit, because I'm
looking somewhat up from the horizon
direction, towards the Earth,
and this part of Seattle.
So there we can see it.
The circle was added.
Pretty straightforward.
Pretty simple.
Right?
Of course if I rotate my map,
the circle rotates with me.
So it's all properly calculated for
me and all properly drawn
as a five kilometer radius circle
around my home rank and renton.
كما رأينا سابقًا، تقوم بتحديد
النقطة المركزية بالدائرة
ثم نصف قطرها بالمتر.
هنا يمكنك القول إنك حددت
مركز الدائرة.
علمًا بأنني أطلق على map.addcircle
خيارات جديدة للدائرة.
لقد حددت مركزها لتكون رينتون.
وبالطبع تمثل رينتون
خط الطول
والعرض اللذين أنشأناهما سابقًا
لموقع الحلبة ورينتون.
أرى دائرة نصف قطرها 5000،
وهي تعني قطر طوله 5 كيلومترات
حول الحلبة ورينتون.
حددت لون الرسمة،
الذي يمثل اللون الذي سيرسم به
قطر الدائرة Color.GREEN.
ثم حددتها باستخدام لون ملء،
باستدعاء Color.argb.
وكما ترى، فإنني عينت A لتكون 64،
وهو ما يعني أنها ستكون
شبه شفافة.
أيْ ستكون شفافة قليلاً.
بحيث يمكننا رؤية اللون،
ثم 0, 255,0, الذي سيتحول للون الأخضر
أيْ أخضر شفاف جزئيًا.
الآن، عند تشغيل التطبيق، أستطيع بالفعل
رؤية الدائرة المتوقعة بشكل صحيح،
بما في ذلك
درجة إمالة وتكبير/تصغير الكاميرا.
وسيتم رسمها على
سطح الأرض.
دعنا نلقِ نظرة.
حتى هنا يمكنك أن ترى، لديَّ
دائرة خضراء، شبه شفافة.
حتى وأنا في وضع التكبير،
سترى أن رسمتي خضراء.
سترى أن دائرتي
يبلغ قطرها خمسة كيلومترات
ثم حلبة تزلج رينتون.
لأنني لونتها
لتكون شفافة،
يمكننا بالفعل أن نرى عبرها
الخريطة بالأسفل.
وأيضًا لأن الكاميرا
تميل قليلاً،
يمكننا أن نلاحظ أنها
بيضاوية الشكل قليلاً.
أنا لا أبحث لأسفل مباشرة
بدرجة 90 لتحويلها لدائرة.
أنا أميل قليلاً، لأنني
أبحث نوعًا لأعلى من اتجاه
الأفق، نحو الأرض،
وهذا الجزء من سياتل.
بحيث يمكننا رؤيتها هناك.
تمت إضافة الدائرة.
واضحة بشكل كبير.
بسيطة جدًا.
أليس كذلك؟
بالطبع إذا قمت بتدوير خريطتي،
تدور الدائرة معي.
كل شيء محسوب بدقة
ومرسوم بشكل صحيح
في شكل دائرة نصف قطرها خمسة كيلومترات
حول حلبة التزلج الرئيسية ورينتون.
Conforme vimos mais cedo, você especifica
o ponto central do círculo
e o seu raio em metros.
Aqui você pode dizer que eu defini
o centro do meu círculo.
Vou chamar map.addcircle
nas opções de novo círculo.
E vou definir o seu centro como Renton.
E Renton, é claro,
é a latitude e a longitude
que criamos anteriormente
para a localização do rinque em Renton.
Eu defini um raio de 5.000,
o que significa um raio de 5 quilômetros
ao redor do rinque em Renton.
Defini a cor do traço,
que é o diâmetro do círculo,
como Color.GREEN.
E defini uma cor de preenchimento
usando Color.argb.
Você verá que defini A como 64,
o que significa
que será semitransparente.
Será um pouco translúcido.
Podemos ver a cor, 0, 255,
0, que será verde,
mas é um verde parcialmente transparente.
Quando eu executar o aplicativo, verei o
círculo projetado corretamente,
considerando
a inclinação e o zoom da câmera.
E ele será desenhado na
superfície da terra.
Vamos dar uma olhada nisso.
Você pode ver aqui o
meu círculo verde semitranslúcido.
À medida que aproximo o zoom,
você vê que o traço é verde.
Você verá que o meu círculo tem
um raio de cinco quilômetros ao redor
do rinque de gelo de Renton.
Como eu o tornei
translúcido,
podemos ver através do círculo o mapa
na parte de baixo.
Além disso, como a minha câmera está
um pouco inclinada,
podemos ver
que tem uma forma levemente oval.
Não estou olhando diretamente para baixo
a 90 graus para torná-la um círculo.
Estou um pouco inclinado porque
estou olhando a partir da direção do
horizonte em direção à terra
e a essa parte de Seattle.
Aqui podemos vê-lo.
O círculo foi adicionado.
Muito simples.
Muito simples, certo?
É claro que se eu girar o meu mapa,
o círculo vai girar comigo.
Tudo foi calculado e desenhado
corretamente para mim
como um raio de cinco quilômetros
ao redor da minha casa em Renton.
我们之前已经看到 我们需要指定圆形的中心点
然后以米为单位指定半径
你可以看见我已经设置了圆形的 .center
我调用了新的圆形选项 map.addcircle
将其中心设置为 renton
当然 renton 是我们之前为
rank 与 renton 的位置创建的经纬度
我将半径设置为 5,000 米
这表示 rank 与 renton 周围的半径为 5 千米
我设置了描边颜色
表示将使用 Color.GREEN 这种颜色来绘制圆形
然后 我设置了填充颜色 Color.argb
你可以看到 我将 A 设置成 64
这表示视图将是半透明的
会呈现轻微的半透明
我们可以看到颜色为 0,255,0 表示绿色
不过是部分半透明的绿色
现在运行应用时 实际上会看到正确投影的圆形
包括考虑到摄像头的倾斜与缩放情况
将在地球表面绘制这个圆形
我们来看一下
你可以看到产生了半透明的绿色圆形
如果放大看 会看到描边是绿色
圆形涵盖的是 renton 溜冰场
周围半径五公里的范围
因为我使用的是半透明颜色
因此实际上能透过圆形看清下面的地图
因为我的摄像头稍有倾斜
所以我们可以看到形状稍显椭圆
我没有采用 90 度直角俯视 让形状变成正圆
而是稍微倾斜 因为我们是从某个地平线方向
向下看向地球的西雅图地区
我们可以看到
已经添加了圆形
非常直接
非常简单
不是吗?
如果旋转地图 这个圆形也会随之旋转
rank 与 renton 周围半径五千米的圆形区域
完全正确计算并绘制好了