如何在ngMap中将谷歌地图的高度设置为100%
在ngMap中将谷歌地图的高度设置为100%可以通过以下步骤实现：
- 首先，在HTML文件中引入ngMap库和Google Maps API。确保在引入ngMap之前已经引入了AngularJS和Google Maps API。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.min.js"></script>- 在AngularJS应用程序中，将ngMap作为依赖注入。
var app = angular.module('myApp', ['ngMap']);- 在HTML文件中，使用ngMap指令创建一个包含Google地图的容器元素，并设置其高度为100%。
<div ng-app="myApp">
<ng-map style="height: 100%">
<!-- 在这里添加其他地图相关的指令和标记 -->
</ng-map>
</div>通过以上步骤，你可以在ngMap中将谷歌地图的高度设置为100%。这样地图容器将会自动填充其父元素的高度，实现全屏显示谷歌地图。
请注意，以上答案中没有提及任何特定的腾讯云产品或链接地址，因为ngMap是一个开源的AngularJS库，与特定的云计算品牌商无关。
相关·内容
1回答
嘿，我正在使用来显示谷歌地图组件。现在作为一个非常基本的示例，我使用bootstrap并尝试将google地图放在半个屏幕上，因此我将其设置为col-lg-6。但显然我得到的高度总是一样的，300px。我希望谷歌地图组件的高度是100%，而不是一个固定的高度(这是没有任何反应)。这就是我正在讨论的</e
浏览 2提问于2016-09-13得票数 3
回答已采纳
默认情况下，离子原生谷歌地图的高度应该是100%。有办法解决这个问题吗？还是我应该制作一个集装箱div谷歌地图，并将其高度设置
浏览 2提问于2018-04-27得票数 0
回答已采纳
我正在尝试在我的离子项目中添加谷歌地图。除此之外，我希望谷歌地图中的所有标记都能显示在屏幕上。我不知道哪里出了问题。我在这里的参考HTML: index.html }
getAllMarkers()
浏览 5提问于2016-01-15得票数 1
回答已采纳
3回答
我在Angular.js中使用ng-map的原因是，我的地图图片在整个地图中的90%是灰色的，如下所示：
我的HTML非常简单：<map></map><style> width: 100%;
height:
浏览 3提问于2015-05-25得票数 5
回答已采纳
1回答
我试图在一个iframe中插入一个映射div，并且我希望它能够适应容器中的比例。我曾考虑过将iframe's width设置为100%，将height设置为auto，但它不起作用，而是显示灰色块而不是地图。只有当width 或 height具有固定的或相对的值或两者都有时，才会显示映射，而从不使用auto。
浏览 1提问于2014-01-15得票数 0
显然，我有很多关于CSS的知识要学！
我正在使用VS2015和Cordova开发一个移动应用程序。我使用ngMap ()包装谷歌地图。我真的很喜欢图书馆！问题是它默认大小为300 to，而且我的CSS技能太差，无法正确地覆盖它。我知道ngMap默认为300 in，您可以指定default-style="false"，然后在CSS中提供指定position: absolute; height:100%; width:100</
浏览 2提问于2016-03-29得票数 1
回答已采纳
1回答
我试图在离子2中实现Google作为片段(地图和列表)。以下是我的HTML： <ion-navbar> <ion-icon name="menu"></ion-icon<ion-item> </ion-item>
</ion-lis
浏览 5提问于2016-08-25得票数 6
2回答
为了能够查看谷歌地图，我必须将高度设置为像素值。我可以设置宽度为100%，它几乎是响应，但不是高度。我想我可以根据不同的媒体提问来设定不同的身高值，但这是行不通的。想办法解决这件事。我只想要一个更小的高度，当它在移动和更大的地图在桌面上。#map-canvaswidt
浏览 5提问于2013-11-17得票数 0
回答已采纳
我正在尝试实现一个地图，如上面的图像使用谷歌地图。我通过在StyledMapType对象中将饱和度设置为-100来设置地图灰度，并使用Circle对象在标记周围绘制半径。现在整个地图是灰色的，因为我不能在圆圈内设置另一个饱和度级别。有什么方法可以做到这一点吗？
浏览 1提问于2013-03-21得票数 15
我想把谷歌地图放在网页上，然后在div中放几个文本框： <div id="map_canvas"></div> <input type="text" id="end_datepicker" />
浏览 10提问于2012-07-29得票数 0
我是javascript的新手，我需要你的帮助来设置一个谷歌地图的div元素，这是在另一个div元素。如果div元素不是嵌套的，下面是代码： center: new google.maps.LatLng(-34.397var map = new google.maps.Map(document.getElementById("map_canvas"),
浏览 0提问于2012-05-23得票数 5
回答已采纳
2回答
JS高度100%
、、
我正在处理一个目录，希望谷歌地图能够响应，所以我必须在JS中将高度定义为100%。以下是我使用的代码：mapdiv.style.width = '1000px'; 因此，我需要将mapdiv.
浏览 3提问于2014-06-12得票数 0
回答已采纳
在此视图中集成地图时遇到了一个问题： extend: 'Ext.tab.Panel', this.fireEvent('onSignOffCommand');});
有没有人能帮我把地图整合到这个视图中
浏览 2提问于2014-05-04得票数 0
最近，我开始用cordova (使用eclipse)为谷歌地图多平台应用程序编程。
目前，我只做android的构建。该应用程序在带有API 28的Android上运行良好，它显示带有蓝色单词的黄色闪存屏幕，然后是谷歌地图，然后调用我的数据库检索一些数据并显示在地图上。还有一个横向黑色菜单栏(处理该内容)。但是，如果我尝试在Android7.0 (API 24)或任何其他低于28的API上执行这个应
浏览 1提问于2019-08-05得票数 2
回答已采纳
1回答
谷歌地图与ngmap移动问题
、、、、
我正在使用谷歌地图与ngmap在一个角度的应用程序，我有一个问题，一个custom marker。
我的custom marker中有一个input字段，用于为我的位置设置一个自定义名称。我有我的代码，可以看到这个东西在运行。
浏览 0提问于2016-01-20得票数 1
回答已采纳
因此，我试图创建一个网站，将显示一个位置上的谷歌地图。我希望将地图大小设置为用户屏幕大小的%。这对于地图的宽度很好，但是当我尝试将高度设置为%时，地图就会消失。我尝试将车身设置为100%宽和100%高，我尝试使用容器div，但我对html和CSS还不熟悉，所以我不确定还能尝试什么。height
浏览 3提问于2015-08-21得票数 3
回答已采纳
1回答
是否有可能使谷歌地图高度100%的父div？我注意到，在高度为100%的情况下，地图是不可见的，但是如果我将div的高度与以像素为单位的地图相加，则地图将被正确显示。是否有一些技巧来实现地图100%的父div？这不管用
<div cl
浏览 2提问于2015-10-03得票数 4
2回答
NavBar下的全屏地图
、、、、
我试图在我的Bootstrap NavBar下面添加一个地图作为全屏背景，但目前我的代码导致地图底部溢出页面。 #map { height: 100%
浏览 2提问于2014-12-09得票数 1
2回答
当我不将它放入row col结构中，用于使用引导程序的网格系统时，它就能工作。我需要如何在CSS中描述我的类，以便它仍然被识别？我想GISContainer不再有正确的调整大小了，因为它在col类中。<div class="col-md-6"> </div></div>html, body {
浏览 2提问于2016-03-25得票数 2
回答已采纳
我在谷歌网站的一个网页中嵌入了一个UiApp，其中包含一个flextable。小工具的宽度和高度可以根据可伸缩表中有多少项而变化；因此，当我嵌入它时，为了让UiApp显示100%的宽度和高度(按照小工具设置中的说明)，我在小工具设置中将宽度和高度保留为空。然而，它从来没有显示100%的高度；当我检查网页
浏览 3提问于2013-02-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
