TencentLbs and TencentMap

• Myvas.AspNetCore.TencentLbs (LBS, Location Based Service)

  • IP定位服务：通过IP地址，定位所在位置（坐标）
  • 地址解析服务：通过地址，获取坐标（腾讯地图、高德地图适用）
  • 逆地址解析服务：通过坐标，获取地址描述（行政区划、街道、地标、商圈、路口等）

• Myvas.AspNetCore.Components.TencentMap (Blazor Components)

  • 以指定坐标为中心，显示地图
  • 在地图上显示自定义标记

Usage1: Myvas.AspNetCore.TencentLbs

ConfigureServices

services.AddTencentLbs(options =>
{
    options.Key = Configuration["TencentLbs:Key"];
    options.SecretKey = Configuration["TencentLbs:SecretKey"]; // WebServiceAPI: 若不填写或为空，则不使用“签名校验”
});

Inject & Invoke

private readonly ITencentLbs _lbs;

public XxxController(ITencentLbs lbs)
{
    _lbs = lbs ?? throw new ArgumentNullException(nameof(lbs);
}

public IActionResult Xxx()
{
    //...
    var location = await _lbs.GetCurrentLocation();
    var location2 = await _lbs.GetLocation("广州市天河区晴旭街2号");
    var address = await _lbs.GetAddress(location);
}

Inject on Razor

@inject Myvas.AspNetCore.TencentLbs.ITencentLbs lbs

<p>经度: @(lbs.GetCurrentLocation().Longitude)</p>
<p>纬度: @(lbs.GetCurrentLocation().Latitude)</p>

...

Usage2: Myvas.AspNetCore.Components.TencentMap

ConfigureServices

services.AddTencentLbs(options =>
{
    options.Key = Configuration["TencentLbs:Key"];
})
// WebService API
.AddWebServiceApi(options =>
{
    options.SecretKey = Configuration["TencentLbs:SecretKey"];
});

Blazor Components

@inject Myvas.AspNetCore.TencentLbs.ITencentLbs lbs
@using Myvas.AspNetCore.Components

<TencentMap>
    <Point Longtitude="@(lbs.GetCurrentLocation().Longitude)" Latitude="@(lbs.GetCurrentLocation().Latitude)">
        <p>我的位置</p>
    </Point>
</TencentMap>

References:

• https://lbs.qq.com