在离子应用程序中为google地图添加标记
在离子应用程序中为 Google 地图添加标记，可以通过使用 Ionic Native 插件和 Google Maps JavaScript API 来实现。
首先，确保已经安装了 Ionic Native 插件和 Google Maps JavaScript API。
- 安装 Ionic Native 插件：
- 安装 Ionic Native 插件：
- 在需要使用 Google 地图的页面中导入相关模块：
- 在需要使用 Google 地图的页面中导入相关模块：
- 在页面加载完成后，初始化地图：
- 在页面加载完成后，初始化地图：
- 添加标记：
- 添加标记：
以上代码演示了如何在 Ionic 应用程序中为 Google 地图添加标记。你可以根据需要自定义标记的属性和事件处理函数。
推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/maps）
相关·内容
我有一个很简单的页面，上面有离子卡片，下面是谷歌地图：在我的style.css中，映射配置的大
浏览 1提问于2015-08-25得票数 1
回答已采纳
1回答
我一直在关注这个有用的教程-- 。
一切都很好。但是，此示例提示用户通过单击按钮向google地图添加标记。我希望在视图中加载地图后自动添加标记。但是，我收到了错误消息cannot read propery of getCentre of undefined，我很确定这是在告诉我它正在尝试在地图加载之前添加标记。下面是我的页面TypeScript
浏览 5提问于2018-02-11得票数 1
回答已采纳
1回答
我在Ionic应用程序(连接到NodeJS/Express)中为ipad使用谷歌地图。我的想法是让用户在离子型应用程序<
浏览 3提问于2016-08-01得票数 2
回答已采纳
我有一个带有离子的科多瓦项目。我试图在Visual 2015中构建windows 8.1版本，但我没有出错。1)在我的项目文件夹中安装了白名单插件。2)在config.xml中添加了白名单URL
3)在appx清单文件中添加ApplicationContentUriRules。4)根据cordova文档在index.html中为</e
浏览 0提问于2017-03-20得票数 0
回答已采纳
3回答
谷歌地图放置前的圆针
、、、、
带有google地图的离子应用程序将这些标识作为标记放在地图上。
img { border-radius: 50%; }
然后，它绕过图像，但也环绕地图背景。编辑:只是为了指定，我添加了这样一个通用css样式，因为当我检查元素时，地图引脚是画布的一部分
浏览 3提问于2016-04-11得票数 0
1回答
当使用带有链接的选项卡时，我无法在ionic 3应用程序中显示google地图。
我有3个选项卡，在1个选项卡中，我也为用户提供了谷歌地图的链接。假设我当前的标签名是AddressPage，当我点击链接显示谷歌地图时，我将转到带有nav.push()和离子标题加载的MapPage，但我在屏幕中间看不到谷歌地图，它在地图页面中间显示我上一页的Add
浏览 1提问于2018-10-08得票数 0
1回答
谷歌地图本机插件离子3java.lang.NegativeArraySizeException：-1在plugin.google.maps.PluginMarker$3.run(PluginMarker.java:149)
有人能告诉我这是什么意思
浏览 0提问于2018-10-12得票数 2
回答已采纳
1回答
我目前正在为我的学习做一个项目，在那里我需要复制一个运动应用程序，像Runastic 4角。目前，它可以工作，但我阻止了本教程的这一部分： - google-map - part-1 - geo-
浏览 1提问于2019-05-30得票数 0
回答已采纳
我在API键上有一个错误的概念。安卓和IOS密钥是由Google平台控制台(). I使用的生成的，这是Google的用途，所以当我在web应用程序上测试API密钥时，它可以工作，但不能用于移动设备。对于任何跟随 的人，使用 来生成密钥原始问题：离子型原生谷歌地图不能正确显示地图。我遵循，我安装了最新的离子型原生谷歌地图：
npm install @ionic-native/
浏览 0提问于2018-06-05得票数 6
回答已采纳
1回答
我试图在离子2中实现Google作为片段(地图和列表)。</ion-list></ion-content> #map { height: 100%;当我加载应用程序时，列表段工作正常，但地图显示为白色屏幕。如果我在离子内容标签之后定义映射div标
浏览 5提问于2016-08-25得票数 6
我正在尝试将谷歌地图集成到离子项目中，并成功地在离子页面上显示了谷歌地图。但我想在这个谷歌地图上显示多个标记。尝试了不同的代码，但没有得到这个多标记的东西。import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
declare var google: google.m
浏览 2提问于2019-09-18得票数 0
我使用教程来安装( install Place)，但是我找到了一些东西。bower EMALFORMED Failed to read /home/binov1/ElolinkProjectversion2/bower.json
Unexpected token ${ "private": "true",
浏览 2提问于2015-11-30得票数 0
我目前工作的离子应用程序，需要显示一个地方的地图。我使用的是角谷歌地图，而地图确实显示在屏幕上。问题是我无法在地图上得到标记！我真的不知道为什么标记没有出现。我的html代码： <ui-gmap-google-map center="ma
浏览 0提问于2016-08-18得票数 0
回答已采纳
我是ionic的新手，我正在尝试将google地图与ionic-native-googlemaps集成到我的应用程序中。在我的浏览器中，它工作得很好，但是当我为android或ios构建时，我会看到一个空白页面，如果我在url chrome://inspect/device上查看google chrome的控制台，我就不会有错误GoogleMapsEvent, Mar
浏览 48提问于2020-04-22得票数 0
回答已采纳
1回答
我正在尝试建立一个与离子4和火基应用程序。有两种类型的用户:简单用户和管理员。作为管理员，我想在地图上看到用户的位置，但只在某个区域。我能够在地图上显示我的位置，并用watchPosition()更新标记。我在数据库中为简单的用户添加了一些位置，以查看是否可以访问它们，然后在地图上显示它们。一切运行良好，标记在地图上显示，但现在我遇到了一个错误:
浏览 0提问于2020-03-14得票数 0
回答已采纳
Iam致力于一个Ionic项目，该项目的要求是在一个带有多个标记的离子页面中添加谷歌地图。我学习了youtube的一些教程，并成功地添加了带有一个位置标记的google地图。我想要添加具有不同纬度和经度值的多个位置标记。
下面是我尝试过的代码。import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from
浏览 1提问于2019-09-20得票数 3
1回答
我想在我的ionic应用程序中添加一个google地图。我在这里搜索代码https://developers.google.com/maps/documentation/javascript/adding-a-google-map，它可以在angular中工作key=YOUR_API_KEY&callback=initMap">
<&#x
浏览 0提问于2017-03-25得票数 0
我有一个离子型应用程序，使用谷歌地图和wicket库。在index.html里，我有<script src="http://maps.google.com/maps/apikey=[key]&libraries=drawing,places"></script>
浏览 1提问于2018-04-03得票数 1
回答已采纳
我使用Ionic 3版本，并尝试在我的应用程序中添加一个页面，以显示带有标记的地图。我已经为我的应用程序使用了自动完成的Google (Google .)。我去了谷歌API，我添加了地图嵌入，Javascript等.我的API密钥。但是页面的底部和显示按钮都是"Google“，但是地图是空的。安装Cordova和Ionic本地插件：
$
浏览 3提问于2017-07-25得票数 2
我有一个用标记初始化的地图。每当我点击一个标记，我就想要更新Ngmodel。最终，这应该反映在一个离子搜索栏中。每当视图加载时，我都会调用initMap()，它会将map与此侦听器一起加载：});&
浏览 8提问于2017-07-31得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
