标签: marker

R leaflet - 在弹出窗口已打开的情况下在地图上添加新标记

我有一个闪亮的应用程序,可以显示传单地图。该应用程序的功能之一允许用户在地图上添加新的地理标记。但是,我希望在将此类标记添加到地图上后立即打开该标记的弹出窗口,但始终保留使用“x”按钮或单击地图来关闭它的可能性。

我已经阅读了传单文档的“标记”指南(“从层继承的弹出方法”小节,非常详细的指南显然在 R 语言中不可用)并且我找到了这个选项openPopup()。不幸的是,这似乎不适用于我的代码。这是一个简单的例子:

library(leaflet)

leaflet() %>% 
  addTiles() %>% 
  addMarkers(lng = -100,
             lat = 50,
             popup = "ALE",
             options = popupOptions(openPopup = TRUE))
Run Code Online (Sandbox Code Playgroud)

预期的行为是这个使用传单的在线工具中显示的行为。请尝试搜索地址,并查看新标记是否立即打开自己的弹出窗口。

在此先感谢您的帮助!

r popup marker leaflet shiny

5
推荐指数
1
解决办法
1308
查看次数

如何在google maps v3中触发标记的dragend事件?

我想在另一个事件中触发标记的dragend事件,在地图上说点击事件.我怎样才能做到这一点?

google.maps.event.addListener(map,'click',function(pt){
   posSelectMarker.setPosition(pt.latLng);
   //Here I want to fire dragend event.
});

events google-maps marker

4
推荐指数
2
解决办法
1万
查看次数

myLocationOverlay更改标记

如何在谷歌地图中更改MyLocationOverlay的默认蓝色动画标记?

java maps android google-maps marker

4
推荐指数
2
解决办法
9207
查看次数

Google Maps API v3读取可拖动标记的新位置

我有一个使用php从mySQL数据库中获取的多个标记,为每个标记生成以下代码:

var marker28= new google.maps.Marker({position:new google.maps.LatLng(64.2,11.4),map: map,draggable: true,icon: 'slayer.png',title: '#28 slayer (64.2, 11.4)'});
google.maps.event.addListener(marker28, 'dragend', markerMoved(marker28));

var marker25
Run Code Online (Sandbox Code Playgroud)

......等

然后我有以下功能:

function markerMoved(movedMarker){
     movedMarker.title = movedMarker.position;
}
Run Code Online (Sandbox Code Playgroud)

我有以下两个问题:

1)事件"dragend"火没有拖动,当标记首次创建时,真的没什么大不了的,但......

2)新位置未更新,无论我在何处拖动标记,标题都设置为第一个初始位置.我尝试了getPosition()方法,结果相同.

我的想法是通过(async)GET请求将新位置从此函数写回mySql数据库到track.php文件

position draggable google-maps-api-3 marker

4
推荐指数
1
解决办法
6867
查看次数

python pyplot注释

我目前正在使用以下代码使用python pyplot绘制图形:

  plt.plot([row[2] for row in data],[row[1] for row in data], type, marker='o', label=name)  
Run Code Online (Sandbox Code Playgroud)

但是,'o'我希望点上的标记成为数据,而不是默认标记row[1]

有人可以解释如何做到这一点?

python matplotlib marker

4
推荐指数
1
解决办法
2122
查看次数

Infowindow谷歌地图API v3多个标记

我已经使用下面的代码显示了一个包含多个标记和infowindows的地图.现在我遇到了最后一个infowindow出现在所有标记上的常见问题.我尝试过各种各样的解决方案,包括:http://you.arenot.me/2010/06/29/google-maps-api-v3-0-multiple-markers-multiple-infowindows/这一个http:/ /www.robertbolton.com/blog/google-maps-v3-multiple-markers-and-infowindows-in-a-loop但他们都没有解决问题.

这是我的代码:

var infowindow = null;
var geocoder;
var map; 

$(document).ready(function() {
    initialize();
});

function initialize() {

    var myOptions = {
            zoom: 8, 
            mapTypeId: google.maps.MapTypeId.ROADMAP, 
            disableDefaultUI: true, 
            scrollwheel: false 
    };

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

    setMarkers(map, people);

    infowindow = new google.maps.InfoWindow({
            content: "loading..."
        });

}

    var people = [
        {"userid":"47","lastname":"lastname1","firstname":"firstname1","address":"Paris, France","phone1":"00000000000","phone2":"","email":"me@me.com"},
        {"userid":"42","lastname":"lastname2","firstname":"firstname2","address":"Versaille, France","phone1":"0","phone2":"0","email":"me@me.com"}
    ];

    function setMarkers(map, people) {

    for (var i = 0; i < people.length; i++) {
         var p = people[i];

        geocoder = …
Run Code Online (Sandbox Code Playgroud)

google-maps marker

4
推荐指数
1
解决办法
8306
查看次数

如何通过LatLng点的ArrayList为标记设置动画?

我正在使用Google Maps API V2来获取当前用户的位置,并使用onLocationChanged侦听器记录他的路线.当用户记录他们的路线时,我将在每个位置检测到的所有LatLng保存在一个arraylist中.当用户停止记录他们的路线时,我在arraylist的第一个点放置一个标记.我现在的问题是我希望通过arraylist中的所有点来设置标记的动画.有人可以告诉我,我该怎么做?

需要注意的是阵列不需要排序,因为我记录了它们来的点.我已经尝试使用for循环遍历数组并发送值,但是我得到了一个错误

final LatLng startLatLng = proj.fromScreenLocation(startPoint);

说"Unknown Source"和NullPointer异常.

这是我的代码:

case R.id.action_replay:

            int o;

            for(o=0; o<oldlocPoints.size(); ++o){

                if(--o > 1){lastPos = oldlocPoints.get(--o);}
                toPos = oldlocPoints.get(++o);

                animateMarker(markerStart, lastPos, toPos);
            }
 return true;
Run Code Online (Sandbox Code Playgroud)

这就是我如何尝试通过标记进行动画制作.我遇到的主要困难是在run()中它似乎只是想要最终类型值,所以我不知道如何取悦它.

    //Animates marker through the locations saved from the recorded route
public void animateMarker(final Marker marker, LatLng lastPos, final LatLng toPos) {
    final long duration = 1600;
    final Handler handler = new Handler();
    this.lastPos = lastPos;
    this.toPos = toPos;
    final long start = SystemClock.uptimeMillis();
    final int …
Run Code Online (Sandbox Code Playgroud)

android location arraylist marker google-maps-api-2

4
推荐指数
1
解决办法
1998
查看次数

如何从google maps api中删除RichMarker阴影类?

为了<div>在我的谷歌地图api中创建自己,我使用了RichMarker库,这里有文档:( 链接)和库这里:( 链接).所以我的代码看起来像这样:

for(i = 0; i < location.length; i++){
    var loc = location[i];
    var coordinates = new google.maps.LatLng(loc[1], loc[2]);
    var marker = new RichMarker({
        position: coordinates,
        map: map,
        zIndex: coordinates[3],
        content: '<div class="myClass">TEXT</div>'
    });
}
Run Code Online (Sandbox Code Playgroud)

现在上面的代码在我的div周围绘制了一个阴影(这不是我的css,它画了一个阴影,我猜这是来自RichMarker库的css).这是一张图片:

在此输入图像描述

我的问题是:如何删除这个影子'

真的感谢你的帮助.

javascript google-maps marker

4
推荐指数
1
解决办法
2095
查看次数

传单自定义图标在缩放时调整大小。性能图标vs divicon

放大传单时,我试图调整自定义图标的大小。为此,我提出了两种解决方案。一个使用L.Icon标记,另一个使用L.divIcon。在两个示例中,我都只设置了1个标记和一个组以提高可读性

使用L.Icon的方法1:使用标记进行分组。然后zoomend我使用mygroup.eachLayer(function (layer)更改1层的所有图标layer.setIcon()。我对所有小组重复

<script>
// Setting map options
....

// Setting Icon
var normalicon = L.icon({
    iconUrl: 'icon1.jpg',
    iconSize:     [40,40],
    iconAnchor:   [20,20],
    popupAnchor:  [0,-20] 
    });


// Create a group
var normalLayer = L.layerGroup([
    L.marker([200,200], {icon:normalicon})
]).addTo(map);

// Resizing on zoom
map.on('zoomend', function() {

    // Normal icons
    var normaliconresized = L.Icon.extend({
        options: {
            iconSize: [20*(map.getZoom()+2), 20*(map.getZoom()+2)], // New size!
            iconAnchor:   [20,20],
            popupAnchor:  [0,-20]
        }
    });

    var normaliconchange = …
Run Code Online (Sandbox Code Playgroud)

css jquery marker leaflet

4
推荐指数
1
解决办法
1951
查看次数

Google Maps API的地理位置和自定义标记

我有一张地图,我目前不使用地理位置.现在我的网站上有SSL,我根据Google Maps API文档添加了SSL.问题是,我现在正在将标签作为标记,我无法弄清楚如何将其返回到我的自定义标记.

任何人都可以帮忙,并解释如何?

我的代码:

var marker;

function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom : 13,
        center : {
            lat : 59.909144,
            lng : 10.7436936
        },
        disableDefaultUI : true,

        //START STYLE
        styles : [{
                "elementType" : "geometry",
                "stylers" : [{
                        "color" : "#ebe3cd"
                    }
                ]
            }, {
                "elementType" : "labels.text.fill",
                "stylers" : [{
                        "color" : "#523735"
                    }
                ]
            }, {
                "elementType" : "labels.text.stroke",
                "stylers" : [{
                        "color" : "#f5f1e6"
                    }
                ]
            }, {
                "featureType" : "administrative",
                "elementType" …
Run Code Online (Sandbox Code Playgroud)

javascript api maps marker

4
推荐指数
1
解决办法
915
查看次数