如何在使用angular-google-maps时禁用agm-map？
在使用angular-google-maps时，禁用agm-map可以通过设置相关属性或使用条件语句来实现。下面是一种常见的做法：
- 设置禁用属性： 在组件的HTML文件中，通过给agm-map元素添加disabled属性来禁用agm-map。示例代码如下：
<agm-map [disabled]="true" [latitude]="lat" [longitude]="lng">
<!-- 在这里添加其他地图相关的组件和元素 -->
</agm-map>这样设置之后，用户将无法交互和操作地图。
- 使用条件语句： 在组件的TS文件中，可以使用条件语句来控制是否渲染agm-map。示例代码如下：
import { Component } from '@angular/core';
@Component({
selector: 'app-map',
templateUrl: './map.component.html',
styleUrls: ['./map.component.css']
})
export class MapComponent {
disableMap: boolean = true; // 设置是否禁用地图的变量
// 其他相关代码...
}在HTML文件中，使用*ngIf指令根据disableMap的值来判断是否渲染agm-map元素。示例代码如下：
<div *ngIf="!disableMap">
<agm-map [latitude]="lat" [longitude]="lng">
<!-- 在这里添加其他地图相关的组件和元素 -->
</agm-map>
</div>当disableMap为true时，agm-map将不会被渲染，从而禁用地图。
以上是禁用agm-map的两种常见方法。根据具体需求，可以选择其中一种或结合使用。注意，禁用agm-map后，用户将无法对地图进行交互和操作。
相关·内容
我正在工作的应用程序中，我正在使用的地图，得到用户的当前位置，用户也可以改变位置。我正在使用带有agm-circle的agm-map。当用户改变半径或拖动圆圈时，我想触发一个事件。这是我的代码。我用的是angular 4 <agm-map [latitude]="lat" [longitude]="lng">
<agm-circle
[latitude]="lat" [longitude]="lng"
[circleDraggable]="true"
[edi
浏览 8提问于2018-12-27得票数 2
回答已采纳
1回答
agm方向建立r型误差
、、、
我用的是角6。对于ng serve & ng构建，每件事情都很好，但是对于ng build，映射不会打开，并且具有此类型的r不是控制台中的构造函数。
我正在使用agm方向
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="13">
<agm-direction [waypoints]="waypoints" [origin]="origin" [destination]="destination">
浏览 1提问于2018-07-02得票数 0
我正在将角谷歌地图版本从1.0.0-beta.5升级到3.0.0-beta.0。
在1.0版streetViewControl.中，agm-map具有属性、zoomControl、和
<agm-map [zoomControl]="false" [streetViewControl]="false">
</agm-map>
但是，在3.0版中，这些属性已经被删除，所以我无法禁用地图中的缩放或街道视图控件。
我注意到有指令AgmZoomControl和AgmStreetViewControl
但是，没有关于如何使用它们或是否可以使用它们
浏览 6提问于2021-02-06得票数 1
<agm-map
[zoom]="mapConfig.zoom" [styles]="mapConfig.styles"
[latitude]="currLate" [longitude]="currLongi"
>
<agm-direction *ngIf="path"
[origin]="path.origin"
[destination]="path.destin
浏览 11提问于2019-01-25得票数 1
4回答
我在我的角4应用程序中使用。
我必须在CSS中指定地图高度，就像这样，否则地图就不会显示：
agm-map {
height: 300px;
}
<agm-map>是否有可能填补父容器中的剩余空间？
PS:我更喜欢使用的解决方案
浏览 13提问于2017-08-27得票数 7
回答已采纳
2回答
构件内角
、
当一个组件在另一个组件中时，它被称为什么？就像在
<agm-map [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>
它是如何工作的？
浏览 0提问于2018-04-09得票数 4
回答已采纳
1回答
页面加载时不加载图像切片...我必须在地图上执行一些操作，即(缩放、平移)然后加载切片
我的模块中的AGM初始化
AgmCoreModule.forRoot({
apiKey: 'MyKey'
}),
My agm-map标签
<agm-map
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
[mapTypeId]="mapType"
[mapTypeControl]="mapControls"
浏览 58提问于2019-03-01得票数 1
回答已采纳
3回答
我正在使用agm/core来显示地图的坐标。我有下面的代码
<agm-map [latitude]="10.3207886" [longitude]="123.90250049999997">
<agm-marker [latitude]="10.3207886 [longitude]="123.90250049999997"></agm-marker>
</agm-map>
视图是这样的：
但我想先展示一下街道：
如何做到这一点？
浏览 2提问于2018-03-22得票数 8
回答已采纳
1回答
我在angular 4的agm-map中使用了agm-circle。它工作得很好，但问题是当我拖动它时，它移动得太快了。如何让它慢下来。以下是我的代码 <agm-map id="map" [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
<agm-circle
浏览 8提问于2019-01-04得票数 1
回答已采纳
1回答
我试图在google地图上显示我的应用程序中的多个位置，但我只能显示一个位置，如何显示多个位置？
page.html
<agm-map [latitude]="lat"[longitude]="lng" [zoom]="15"
[zoomControl]="false">
<agm-marker *ngFor="let location of tracks" [latitude]="tracks.lat" [longitude]="tr
浏览 4提问于2017-07-18得票数 1
回答已采纳
我正在使用AGM谷歌地图为我的角度应用程序，并试图删除佩格曼和全屏幕选项的代码。这是我的密码。
<agm-map [latitude]="lat" [longitude]="lng" [styles]="styles" [zoom]="zoom" [disableFullscreen]="true" [disablePegman]="true">
<agm-marker [latitude]="lat" [longitude]="lng"&g
浏览 5提问于2022-04-22得票数 1
回答已采纳
1回答
我使用的agm-map与angular 9，当我的页面加载它加粗所有字体。我试着在没有agm-map的情况下测试我的前端，一切正常，但是当我添加特定的行时，它加粗了所有内容，这是我的代码
<mat-card class="example-card">
<agm-map
class="temp"
[latitude]="lat"
[longitude]="lng"
[zoom]="zoom"
浏览 3提问于2020-08-13得票数 0
在为agm-map设置mapTypeId=“混合”时，我的代码显示以下错误
混合中出错-错误TS2322:无法将类型‘“混合”“赋值给类型’”混合“”|“路线图”|“卫星”|“地形”。
1 <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [mapTypeId]="'hybrid'">
~~~~~~~~~~~~~~~~~
浏览 5提问于2021-05-07得票数 0
4回答
角4中的多个指令
、、
我试图在角4中使用多个绑定，包括*ngIf和*ngFor，但是我有以下错误：
代码：
<agm-map *ngFor="let m of dataBikes" [latitude]="lat" [longitude]="lng">
<agm-marker *ngFor="let o of m" [latitude]="o.latitude" [longitude]="o.longitude" iconUrl='../../assets/img/icon-pi
浏览 4提问于2018-04-19得票数 1
回答已采纳
1回答
单击clear按钮时，如何从地图中清除多边形。 <agm-map [latitude]="40.034989"
[longitude]="29.062844"
[zoom]="15"
[agmDrawingManager]="drawing"
class="full-width-height">
<agm-drawing-manager #drawing="agmDrawingManager"
浏览 20提问于2020-01-07得票数 1
我在我的angualr 6 web应用程序中使用了agm-map。它在android设备上运行良好，在pc上也是如此。但在iphone上，当缩放或标记改变位置时，我会得到this problem。如果我触摸地图，“未渲染”的点将被渲染，并且地图将再次正确显示。我试图在(zoomChange)(centerChange)(boundsChange)上触发this.agmMap.triggerResize()，但是没有帮助。 .html
<div *ngIf="isDelivery" style="margin-bottom: 25px">
&l
浏览 19提问于2020-05-01得票数 0
1回答
<agm-map [latitude]="3.1390032 " (triggerResize)="true" [longitude]="101.68685533 " [zoom]="zoom">
<agm-marker [latitude]="lat?(lat): 3.139003 " [longitude]="101.686855 " [markerDraggable]="true" (dragEnd)="loadCoordinates([
浏览 4提问于2017-08-16得票数 0
我在一个Angular 4应用程序中工作，在这里我想添加一个地图视图，我已经开发了默认的街景地图。
现在我想为用户添加一个选项，他们可以在街景和卫星视图之间切换。
HTML
<div class="container">
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
<agm-marker [latitude]="lat" [longitude]="lng">
&l
浏览 6提问于2018-04-25得票数 0
2回答
我工作的角度4和AGM 我想显示的地图，但它只显示我在图像中，如果我删除它从模态，它显示完美，这将是正确的工作方式？
图中显示：
Html代码：
<a class="btn btn-warning btn-flat" href="#modalMap" data-toggle="modal"><i class="fa fa-lg fa-map"></i></a>
<!-- Modal content-->
<div class=
浏览 0提问于2017-08-02得票数 4
回答已采纳
<agm-map (mapClick)="mapClicked($event)" [latitude]="latitude" [longitude]="longitude" [scrollwheel]="false" [zoom]="zoom">
<agm-marker (markerClick)="mapClicked(place)" *ngFor="let place of searchplace" [iconUrl]="place.i
浏览 1提问于2018-08-20得票数 2
3回答
我正在构建一个车辆跟踪应用程序，我正在使用agm-map-marker来显示在图像中定位的车辆。
而Livetracking.component.html代码是，
<agm-map #gm [latitude]="lat" [longitude]="lng" [(zoom)]="zoom" [mapTypeControl]="true">
<agm-marker class="mapMarker" *ngFor="let device of devices;&
浏览 2提问于2017-10-20得票数 15
回答已采纳
我已经在我的项目中集成了角度谷歌地图，并能够通过参考以下教程显示地图，，
在这里，我们尝试在HTML中添加agm-map并加载映射。
我希望在我的.ts文件中获得agm-map对象。
我们怎样才能做到这一点？尝试了所有可能的方法，比如向agm-map标签添加id属性，但对我不起作用。
有什么新点子可以推荐给我。提前感谢您的帮助。
浏览 0提问于2018-03-27得票数 0
在我的角度应用程序中使用"@agm/core"："^1.0.0-beta.2“，但我遇到了一个与标记agm-标记相关的问题。
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
<agm-marker *ngFor="let g of games" [latitude]="g.lat" [longitude]="g.lng"></agm-marker>
<
浏览 3提问于2018-01-20得票数 1
我尝试使用包agm- on ()在google map上实现标记爬行器。我按照()中的说明操作。
<agm-map (mapReady)="mapReady($event)">
<agm-marker-cluster [maxZoom]="10" imagePath="https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m">
<agm-marker-
浏览 22提问于2019-08-10得票数 1
我正在尝试在我的项目中添加AGM角谷歌地图( Angular4 )
以下指南：
使用agm组件访问页面时遇到的错误：
core.es5.js:1084 ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'latitude' since it isn't a known property of 'agm-map'.
1. If 'agm-map' is an Angular component and it has '
浏览 5提问于2017-05-14得票数 22
回答已采纳
1回答
我有下面的HTML来显示选择的位置和下面的地图将显示。
对于上面的视图，我有以下HTML，
<mat-form-field class="locationSelector">
<mat-select placeholder="Choose location" (ngModel)="ServiceLocations">
<mat-option *ngFor="let location of ServiceLocations" [value]="location" style=&
浏览 0提问于2018-05-06得票数 0
我基本上需要隐藏的标记点击一个按钮，.I使用角度谷歌地图，我想检索地图上存在的标记的标记对象。我怎么才能得到它。在下面的代码中，我传递了标记json响应并在map上创建了标记。这方面的任何帮助都是非常感谢的。谢谢！！ <agm-map
#AgmMap
(mapReady)="initMap($event)">
<agm-marker
*ngFor="let m of markers; let i = index"
[latitude]="m.lat"
[longitude]
浏览 9提问于2019-03-06得票数 0
我使用以下代码在我的角度应用程序上显示谷歌地图：
<agm-map id="map" [(latitude)]="lat" [zoom]="zoom" [(longitude)]="lng" [zoomControl]="false"
[streetViewControl]="false">
</agm-map>
<span>{{lat}} : {{lng}}</span>
在加载时，它工作，我得到的初始坐标，我已经在我的控制器。
如果我更
浏览 1提问于2019-12-26得票数 1
回答已采纳
我实现了角度谷歌地图，我从用户那里获得了拾取和目的地位置，并通过<agm-direction>在角度谷歌地图显示方向。我已经在地图上显示了起点和目的地的标记，但在实现<agm-direction>之后，它开始显示默认标记'A‘和'B’。我想从地图中删除这些标记，或者将默认图标从'A‘和'B’更改为其他图标。 <agm-map id="map" [latitude]='lat' [longitude]='lng' (mapReady)="addMarker()" [zo
浏览 21提问于2019-09-04得票数 2
回答已采纳
我正在使用angular-google- map。当标记被点击时，信息窗口将打开并隐藏前一个窗口，当其他标记为clicked.now时，我想关闭当鼠标单击地图时的信息窗口。
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [styles]="styles" [disableDefaultUI]="false" [zoomControl]="true"
[scrollwheel]="false" [street
浏览 4提问于2019-08-14得票数 1
我正在使用requirejs + angularjs + 来显示地图上某些房屋的位置。
在我的页面上，有一张地图和一些其他信息，而其他信息比地图更重要，所以我希望地图可以懒洋洋地显示，即使地图出于某种原因不能显示(例如不能加载google )。
我的代码是这样的：
main.js
require.config({
baseUrl: 'app',
paths: {
jquery: '../bower_components/jquery/dist/jquery',
angular: '../bower_comp
浏览 2提问于2014-09-04得票数 0
2回答
我有一个固定的#listMDMap元素，我想用类"row“定位到div中
<div class="col-md-6">
<div class="row">
<div id="listMDMap" [style.position]="'fixed'" [style.top.px]="computeMapTopForFixedPosition()" class="col-md
浏览 7提问于2020-07-11得票数 0
回答已采纳
我使用npm作为using应用程序的包管理器，并使用Browserify来包含库。我使用的是角-google-map包：
我得到了：
ReferenceError: _ is not defined
at o (vendor.js:8)
at Object.load (vendor.js:8)
at $get (vendor.js:8)
at Object.r [as invoke] (vendor.js:1)
at vendor.js:1
at i (vendor.js:1)
at Object.r [as invoke] (vendo
浏览 6提问于2015-11-10得票数 1
回答已采纳
从角谷歌地图API，我们有一个markerClick()函数，定义如下，
@Output() markerClick: EventEmitter<void> = new EventEmitter<void>();
但是，当我在我的应用程序中使用时，我得到的是空。
我有下面的应用程序代码，
在我的HTML文件中
<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
<agm-marker *ngFor=&
浏览 0提问于2018-03-27得票数 4
回答已采纳
我有两个*ngFor，其中第一个显示场所的文本名称，并使用(mouseenter)和(mouseleave)调用函数来更改名称下方地图上引脚的颜色。第二个*ngFor用于显示每个会场的地图图钉。地图的引脚颜色由ngfor中的iconUrl="iconColor“控制。 问题是，当我将鼠标悬停在地点名称的文本上时，每个地图图钉都会改变颜色，而不只是我想要更改的单个图钉。 最好的方法是什么？ HTML： <body>
<div>
<div align="center">
<div *ngFor="l
浏览 17提问于2020-09-23得票数 1
我已经安装了角谷歌地图与角4。
模板很简单：
<agm-map [latitude]="58.150587" [longitude]="7.978571" [zoom]="19" [mapTypeId]="'satellite'"></agm-map>
我得到的是一个很好的3D版本，像这样：
我想要卫星观测。但我不想要3D效果。我希望它是平面的，2D的，像这样：
浏览 2提问于2017-06-14得票数 0
回答已采纳
1回答
我试图将这个angularjs库包含到我的项目中，但是我在angularjs模块的app.js文件中得到了这个错误：
Failed to instantiate module myApp due to:
Error: [$injector:unpr] Unknown provider: angular-geo
我看到angularjs文件是加载的，我在dev工具中看到了它们，但无论如何，我遇到了这个问题。
main.js
require.config({
baseUrl: 'app',
//urlArgs: 'v=1.0'
paths:
浏览 1提问于2014-09-02得票数 0
我正在创建谷歌地图使用角谷歌地图组件。我想要谷歌地图到我的屏幕大小。我试过height:100%。但不起作用。有人能告诉我怎么做吗？
我遵循了本教程：
映射：
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-map',
templateUrl: '<agm-map [latitude]="lat" [longitude]="lng">
<agm-marker
浏览 1提问于2018-02-09得票数 0
回答已采纳
我使用角度谷歌地图来显示地图和标记。是否可以在地图右下角显示图标，点击它就可以显示当前位置。
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
<agm-marker *ngFor="let m of mapArrayList; let i = index"
[latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location
浏览 2提问于2018-10-26得票数 3
回答已采纳
我在本地安装了angularjs应用程序，一切正常，直到我将代码上传到暂存服务器。我现在对不受尊重的依赖关系有异议，但我不明白为什么。我猜它在本地工作是因为它加载图书馆的速度更快。我现在修改了我的应用程序，试图解决这个问题，但无法使它工作。
我的应用程序正在加载一个页面应用程序，由3个视图(main、map和map-data)组成。我使用AngularJS模块结构来启动这个应用程序。这是我的目录结构：
index.html非常基本：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
浏览 1提问于2014-05-01得票数 7
1回答
我已经在Angular 6中为我的地图图像实现了AGM。 一切都正常，但是在标准的Google Maps SDK中，我可以设置tilt=0，这样地图在放大时就不会自动倾斜。 我不能在AGM上看到一个物业这样做吗？我是不是错过了？ 这是我的AGM组件调用... <agm-map
[latitude]="lat"
[longitude]="lng"
[mapTypeId]="mapType"
[mapTypeControl]="mapControls"
浏览 20提问于2019-01-17得票数 0
2回答
当多边形被编辑和拖动时，我正在尝试获取更新后的多边形路径。我试着像下面的代码那样做。
在我的打字稿中：
@ViewChild(AgmPolygon) polygon: any;
this.polygon.getPaths().then((x: any[]) => {
x.forEach(y => {
console.log('-');
y.forEach(z => console.log(z.lat(), z.lng()));
});
});
我使用了下面的链接，也是 。
在我的html中：
<agm-map [la
浏览 5提问于2017-11-06得票数 17
现在Angular google地图给我们提供了boundsChange事件，该事件在每次地图边界改变时被触发。如果我们说边界是矩形或长方体，那么我需要4个点来表示那个长方体。事件只给我们提供了NorthEast和SouthWest点，我应该如何获得另外两个点呢？ <agm-map #map [latitude]="lat" [longitude]="lng"
[zoom]="zoom" [mapTypeId]="mapTypeId" (boundsChange)="onBoundsChange($eve
浏览 13提问于2019-10-02得票数 0
回答已采纳
有没有人有像angular-google-maps团队在这个网站的“搜索框”下面显示的那样的搜索框的例子：
如果你写了一些东西，它肯定会在下拉列表中找到它，但当你按enter键时，地图不会响应。-如何让地图在回车时移动到正确的位置？
浏览 0提问于2014-11-23得票数 20
1回答
我在angular中使用agm-map来显示地图和标记：
<agm-map #map >
<agm-marker
*ngIf="searchDataService.search"
*ngFor="let store of searchDataService.filteredStores"
[latitude]="store.lat"
[longitude]="store.lon"
(markerClick)='s
浏览 27提问于2020-05-14得票数 0
回答已采纳
我正在尝试允许用户点击标记别针，以显示特定别针的红色圆圈。 下面是我的地图代码： <agm-map
[latitude]="centerLatitude"
[longitude]="centerLongitude"
(mapClick)="mapClicked($event)"
[usePanning]="true"
[zoom]="6">
<ng-container *ngIf="source != null">
<agm-mark
浏览 10提问于2019-10-01得票数 0
我想在地图加载时加载一个snazzy-info-window，并且不希望它与任何标记或标记点击关联(更像是需要snazzy-info-window来显示地图本身加载时的位置信息)。有没有人能建议一下怎么做？我使用了以下代码，但它不显示信息窗口
<agm-map [latitude] = "lat" [longitude]="lng" [zoom] = "zoom">
<!-- <agm-marker [latitude]="lat" [longitude]="lng" label =
浏览 0提问于2018-01-24得票数 1
在绑定从AJAX响应获得的纬度和经度参数方面，我面临一个问题。如果我用HTML硬编码纬度和经度，它可以正常工作。但是当我从响应中传递数据时，它就是不起作用。
<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
<agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
浏览 0提问于2018-10-05得票数 2
回答已采纳
每当我尝试从google地图重定向到同一应用程序中的链接时，我都会收到这个错误。我使用的是agmmap和angular 8。
<agm-map <some configuration there>>
<agm-marker <some configuration there>>
<agm-snazzy-info-window <some configuration there> #infoWindow>
<ng-template>
<a routerLink=
浏览 7提问于2020-02-18得票数 0
1回答
我正在使用这个版本的"@agm/core"："1.0.0-beta.2“。我关心的是如何重新绘制我在google上绘制的多边形，我正在存储纬度和经度，如何重新绘制我的多边形呢？
<agm-map [latitude]="latitudeMapUpdate"
[longitude]="longitudeMapUpdate"
[
浏览 9提问于2020-10-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
