在谷歌地图中放置标记
所以我正在准备一个页面，其中有一个谷歌地图，有两个形式，即纬度和经度，和一个提交按钮。
<!DOCTYPE html>
<html>
<head>
<title>Google Maps</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas {
margin: 0;
padding: 0;
height: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(11.6667,76.2667),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
function pan() {
var panPoint = new google.maps.LatLng(document.getElementById("lat").value, document.getElementById("lng").value);
map.setCenter(panPoint)
var marker = new google.maps.Marker({
map: map,
position: panPoint,
});
}
</script>
</head>
<body>
Latitude:<input type="text" id="lat" >
Longitude:<input type="text" id="lng">
<input type="button" value="updateCenter" onclick="pan()" />
<div id="map-canvas"></div>
</body>
</html>
共有1个答案
为了做到这一点，您需要每次清除标记。清除标记保持标记作为全局变量。
function pan() {
try{
marker.setMap(null);//clear marker
}
catch(err){
}
var panPoint = new google.maps.LatLng(document.getElementById("lat").value, document.getElementById("lng").value);
map.setCenter(panPoint)
//declare marker as global variable
marker = new google.maps.Marker({
map: map,
position: panPoint,
});
}
应该能奏效。
-
我正在创建一个google maps应用程序，我如何使用JavaScript/HTML5创建一个按钮，在地图上的任何地方随机投下一个标记呢？
-
我有谷歌地图搜索框，当我搜索特定的地方时，我想用(lat，lng)访问标记位置，当我通过拖放标记时，我可以准确地访问位置 但我希望在搜索完成时获得标记位置，而不使用&
-
我成功创建了一个活动，用户可以在其中发布他的状态并将他的当前位置放置在android工作室中创建的google map中。我还尝试在map中查看所有其他用户，我成功地做到了。但是，随着他们的位置发生变化，不断增加。我想实现这样一种情况，即用户在移动时可以在地图上看到彼此，并且这些也会相应地移动。我使用Firebase作为我的后端来存储他们的位置和状态。这是我想出的代码。 请帮帮我！提前感谢！：）
-
我知道周围也有类似的问题，但我无法找到一个可靠的答案，这是我的问题：有没有什么方法可以在没有谷歌地图引用的情况下将标记存储在ArrayList（或任何其他存储）中，然后简单地将它们添加到我的地图中？ 背景：我有一个应用程序，目前有大约3500个标记。每个标记还有一个与之相关联的数据（布尔数组存储每个标记的数据，用于根据用户交互使它们可见/不可见）。目前，我使用扩展AsyncTask的类来获取这些标
-
我在我的flutter应用程序中使用google_maps_flutter来使用谷歌地图我有自定义标记图标，我用BitmapDescriptor.from字节（mark erIcon）加载它，但我想用一些文本显示Url的图标。 这就是我们要达到的目的 是否可以通过flutter或任何可以动态创建图像的外部图像依赖来实现相同的效果。
-
我需要一些帮助来绘制我正在绘制的地图。地图并不特别复杂，因为我是一个初学者，我有一堆带有信息窗口的标记（完成后还会有更多标记），单击标记或选择页面HTML端下拉菜单的相应项时可以打开这些标记。 当信息窗口打开时（在HTML菜单中单击或选择），我想做但自己找不到的是在地图上自动居中标记。我假设有某种函数可以分配给click或infowindow打开事件，但无法确定是哪种函数以及如何实现它。 我的代码