将坐标从 Microsoft SQL 服务器数据库导入到 Angular Google 地图 API

Question

我有一个包含客户数据的 Microsoft SQL 服务器数据库：

Name,
City,
Details,
Latitude 
Longitude

而且我有一个 Angular 应用程序，其中 Google 地图 API 已实施。

我想直接从数据库向我的地图添加标记。我该怎么做？

Answer 1

首先，您需要一个网络 API 到 return 的纬度和经度列表或数组。下一步是，在 angular 中，您必须安装 @angular/google-maps

npm i @angular/google-maps

之后，你可以在从API获取数据后在ts文件中写入下面的代码：

apiResult.forEach(item => {
      this.markers.push(new google.maps.Marker({
        position: {
          lat: item.Latitude,
          lng: item.Longitude
        },
        draggable: false,
        label: item.Name
      }));
    });

最后，您应该在 HTML 中添加以下代码。

           <google-map [zoom]="markerZoom" height="400px" width="100%" [center]="markerCenter">
                <map-marker #markerElem="mapMarker" *ngFor="let marker of markers" [label]="marker.label"
                    [position]="marker.position" [options]="marker">
                </map-marker>
                <map-info-window *ngFor="let marker of markers" [position]="marker.position">Hello Google Maps
                </map-info-window>
            </google-map>

将坐标从 Microsoft SQL 服务器数据库导入到 Angular Google 地图 API

Import Coordinates from a Microsoft SQL Server database to Angular Google Maps API

database

sql-server

google-maps-api-3

typescript

angular