如何使用 GeoLocation 在地图上定位标记？

关键词：

【中文标题】如何使用 GeoLocation 在地图上定位标记？【英文标题】：How can I position a marker on a map using GeoLocation? 【发布时间】：2012-11-13 10:31:23 【问题描述】：

我正在创建一个带有单个图像的地图页面， 我想使用 GeoLocation 将用户的位置显示为一个蓝点（有点像 iOS 地图）。

我已经有了用于查找位置的 JavaScript，而且效果很好。 我只需要帮助如何根据 position.coords.latitude 和 position.coords.longitude 的输出在页面上放置一个标记 - 只是一个简单的图像。

有什么方法可以做到这一点，如果可以，怎么做？ 提前致谢。

【问题讨论】：

【参考方案1】：

您可以简单地在您的 javascript 中使用 GMarker，如下所示：

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = 
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var marker = new google.maps.Marker(
    position: myLatlng,
    map: map,
    title:"Hello World!"
);

你可以这样customize its image：

var image = 'beachflag.png';
marker.icon = image;

【讨论】：

使用 React Native Geolocation 如何让其他用户在地图上显示？

】使用ReactNativeGeolocation如何让其他用户在地图上显示？【英文标题】：UsingReactNativeGeolocationhowdoIgetotheruserstodisplayonmap?【发布时间】：2020-08-2723:41:21【问题描述】：目前正在为一家公司创建应用程序。应用程序的用户显示在地图... 查看详情

如何使用 Cordova Geolocation 插件在 Ionic App 中添加标记

】如何使用CordovaGeolocation插件在IonicApp中添加标记【英文标题】：HowtoaddamarkerinanIonicAppwiththeCordovaGeolocationplugin【发布时间】：2014-11-2010:42:51【问题描述】：我对这段代码有疑问。我可以正确查看Google地图，我的实际位置位于Androi... 查看详情

（反应原生）如何使用地理定位将地图视图集中在用户身上

...用户身上【英文标题】：(reactnative)HowtocentermapviewonuserusingGeolocation【发布时间】：2021-09-0711:15:41【问题描述】：如何使用Geolocation.getCurrenPosition()以便返回用户的纬度和经度【问题讨论】：【参考方案1】：在我的应用程序中，我... 查看详情

java中jpeg的地理定位

】java中jpeg的地理定位【英文标题】：Geolocationfromjpeginjava【发布时间】：2012-07-1107:25:39【问题描述】：我的朋友正在使用Struts(Java)，我们正在尝试查找JPEG图片的GeoLocation。我不知道在哪里阅读或如何实现它的java代码。我想获得... 查看详情

当我使用 Hooks 放大地图时，如何让标记出现在地图上

】当我使用Hooks放大地图时，如何让标记出现在地图上【英文标题】：HowcanImakeMarkersappearonamapwhenIzoomonitwithHooks【发布时间】：2021-04-1501:35:11【问题描述】：我对前端开发比较陌生，在寻找合适的文档来帮助我使用此功能时遇到了... 查看详情

腾讯地图api使用——地图选点自动定位到当前位置(代码片段)

...取当前位置引入以下js文件https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js//获取当前定位Key和referer修改为自己项目的值getPosition()this.showPosition函数表示定位成功的函数this.errorPosition函数表示定位失败的函数vargeolocation=... 查看详情

如何使用 for 循环在 React 中的地图上渲染标记？

】如何使用for循环在React中的地图上渲染标记？【英文标题】：HowcanIrendermarkersonamapinReactusingaforloop?【发布时间】：2019-01-0717:33:35【问题描述】：我正在试验React，我想在地图上渲染一些标记（我正在使用GoogleMapsAPI）。现在，如... 查看详情

如何在android中的地图上显示当前位置标记？

】如何在android中的地图上显示当前位置标记？【英文标题】：HowtoshowcurrentpositionmarkeronMapinandroid?【发布时间】：2014-04-2315:30:18【问题描述】：我正在开发一个应用程序，我想在我的地图中使用标记显示当前位置。我正在使用谷... 查看详情

如何在同一张地图上使用带有多个标记的谷歌地图 API

】如何在同一张地图上使用带有多个标记的谷歌地图API【英文标题】：HowtousegooglemapsAPIwithmultiplemarkersonthesamemap【发布时间】：2010-10-1023:38:36【问题描述】：所以，我有以下脚本来使用谷歌地图API，一切都很好，但我需要创建一... 查看详情

如何使用html5地理位置定位功能

HTML5提供了地理位置定位功能（GeolocationAPI），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。定位... 查看详情

地理标记/绘图 MapKit 核心定位

...2012-08-1617:48:45【问题描述】：我创建了一个应用程序，它使用MapKit在谷歌地图上简单地显示用户的当前位置。但是我现在想更进一步，通过允许用户自己在地图上绘制点来为应用程序添加更多功能。我以某种方式相信使用CoreLocat... 查看详情

反应原生地图，通过点击标记在滚动视图卡上重新定位

】反应原生地图，通过点击标记在滚动视图卡上重新定位【英文标题】：ReactnativeMaps,Recenteringonascrollviewcardbytappingonamarker【发布时间】：2018-09-2816:17:24【问题描述】：您好，我正在尝试做与本教程相反的操作，https://codedaily.io/tuto... 查看详情

如何使用 React 和 Google Places API 在 Google 地图上显示地点标记？

】如何使用React和GooglePlacesAPI在Google地图上显示地点标记？【英文标题】：HowcanIuseReactwithGooglePlacesAPI,todisplayplacemarkersonaGooglemap?【发布时间】：2018-04-1706:31:10【问题描述】：我正在尝试构建与onAirbnb类似的地图，您可以在其中拖... 查看详情

如何使用 react-google-maps 通过单击在地图上添加标记？

】如何使用react-google-maps通过单击在地图上添加标记？【英文标题】：HowtoaddmarkeronmapbyClickusingreact-google-maps?【发布时间】：2018-08-2219:25:29【问题描述】：我正在努力寻找一个非常简单的示例，说明当用户使用基于组件的React-google... 查看详情

如何使用我的 JSON 数据在谷歌地图 API 上创建标记？

】如何使用我的JSON数据在谷歌地图API上创建标记？【英文标题】：HowcanIusemyJSONdatatocreatemarkersonagooglemapsAPI?【发布时间】：2021-06-1501:12:00【问题描述】：我有一堆坐标存储在一个JSON对象中，用作一些谷歌地图标记的信息。我正在... 查看详情

如何在 JPG 地图上叠加经度和纬度标记？

】如何在JPG地图上叠加经度和纬度标记？【英文标题】：HowtooverlayLongitude&latitudemarkersonJPGmap?【发布时间】：2014-02-1114:03:15【问题描述】：我需要能够在一些不同缩放级别的JPG地图上显示标记（多边形），看起来相同。我通常... 查看详情

腾讯地图怎么做许多标记

...次用账号登陆就可以看到标记了.参考技术A腾讯地图定位使用方法：1、手机版目前支持gps、基站、wifi三种定位方式。定位的精度取决于软件使用了哪种类型的定位数据源。在定位信号较弱时，可能出现无法定位或定位偏差较大... 查看详情

如何在谷歌地图上放置标记

】如何在谷歌地图上放置标记【英文标题】：Howtoplacemarkersongooglemap【发布时间】：2011-08-1523:54:58【问题描述】：我使用来自primefaces的谷歌地图工具。我希望我的用户能够在地图上只放置一个标记。坐标值应存储在托管bean变量中... 查看详情