草庐IT

mapbox-marker

全部标签

Javascript 和 Jquery : Adding markers for Google Maps when clicking a button

我正在尝试创建一个按钮,用于向显示的现有谷歌地图添加标记。functioninitialize(){geocoder=newgoogle.maps.Geocoder();codeAddress();}functioncodeAddress(){varimage_icon='http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png';varaddress=document.getElementById("type_location").value;geocoder.geocode({'address':address

javascript - Google Map API V3 - 点击 Marker 将更多信息内容显示为叠加层(就像在 Google Maps 中一样)

我们使用GoogleMapApiV3在HTML容器中加载谷歌地图。我们有一个位置搜索表单。提交后,我们将获得可用位置并在map中设置标记。加载标记后,单击每个标记,我们需要显示标题、地址详细信息和设计,就像我们在谷歌地图中所拥有的那样。(在谷歌地图中——当点击红色标记时,我们可以看到更多信息叠加框,其中包含其他详细信息,例如星级、路线、附近搜索、保存到map等。)我们是否内置了api函数来加载上面的覆盖框。或者我们没有加载细节的功能,就像我们目前在谷歌地图中拥有的那样。当我在谷歌和map文档中搜索时,我可以看到显示叠加窗口和在框中写入内容的选项。但是我没有看到根据需要加载内容的选项。我

javascript - 谷歌地图 API : Marker image positioning

我已经更改了我在Googlemap上用作标记的图像。新图像比旧图像宽得多,我注意到标记与lat和lng对齐,因此标记位于的水平中点code>lat和lng。这不是我想要的,我想让lat和lng与左侧的标记对齐-我想偏移marker从默认位置向右约80像素。 最佳答案 试穿这个尺寸。varmarkerImage=newgoogle.maps.MarkerImage('/img/icon/here.png',newgoogle.maps.Size(80,80),//sizenewgoogle.maps.Point(0,0),//orig

javascript - 谷歌地图 API v3 : Click events not triggered in firefox for custom marker

已经创建了一个map,我正在尝试使其具有类似于“我的map”的功能。我在右侧有两个下拉列表,根据这些ddl中的选择,您可以添加自定义标记/图标。您选择标记类型,然后单击map右上角的“+”按钮,然后单击要添加标记的位置。我的问题是,这在IE、Safari和Chrome中运行良好,但在Firefox中却不行。点击事件似乎没有触发。这是map的位置:https://ait.saultcollege.ca/Michael.Armstrong/Index.html用于在右上角添加标记的按钮有一个指向我的“placeMarker()”函数的onclick事件。这是placeMarker()、cr

javascript - 通过 mapbox gl js 向 mapbox 中的 map 添加一些基本标记

我有一张用mapboxstudio设置样式的map,但是我什至很难向它添加一个基本标记,但是文本出现在标记应该出现的位置,这表明标记会在那里。所以这是具有该map样式的代码:mapboxgl.accessToken='pk.eyJ1Ijoic21pY2tpZSIsImEiOiJjaWtiM2JkdW0wMDJudnRseTY0NWdrbjFnIn0.WxGYL18BJjWUiNIu-r3MSA';varmap=newmapboxgl.Map({container:'map',style:"mapbox://styles/smickie/cikb3fhvi0063cekqns0pk1f1

javascript - 强制 OpenLayers Markers 图层在顶部绘制,并在下方选择图层

我有一个OpenLayersmap,其中依次包含栅格基础层、矢量图层和标记层。它们显示良好,顺序正确,标记位于矢量顶部,非常棒。但是当我添加一个SelectFeature控件并将其指向矢量图层时,它突然被绘制在标记层上方,尽管所有努力都提高了标记层或设置了Z索引。SelectFeature控件似乎覆盖了所有绘图顺序设置。这是设计使然,还是我可以通过某种方式克服它?图层定义:varbaselayer=newOpenLayers.Layer.WMS('Norden','http://{myarcgisserver}/ArcGIS/services/mylayer/MapServer/WMS

javascript - 不遵守 zindex 的 Mapbox 标记

在我正在构建的mapbox应用程序中,我根据用户的地理位置将多个标记加载到页面上,问题是虽然我需要某些标记高于其他标记,但这些标记不符合我设置的zIndex。这是我的代码。functionaddMarker(type,radius,height,lat,long,id,special,name){varcircle_options;switch(type){casemarker.RESTRICTED:circle_options={color:'#D90000',fillColor:'#D90000',//FillcolorfillOpacity:0.4,//Fillopacityst

javascript - 如何使用 Mapbox 的集群设置 reduce 选项?

我正在使用Mabpox-gl-jsv0.45进行POC集群。我想自定义集群的属性(实际默认值为point_count和point_count_abbreviated)。我的每个点(每个城市一个)都有一个表面属性(一个整数),我想在点聚集时对其求和。我在mapbox'ssources中看到对计算自定义属性的reduce函数的引用:SuperCluster.prototype={options:{minZoom:0,//minzoomtogenerateclusterson//.....log:false,//whethertologtiminginfo//areducefunctionf

javascript - 谷歌地图 : Render marker above markerclusterer

我有一组标记聚集在我的map上。另一组标记单独显示,我恰好需要将它们显示在集群上方。我尝试在集群选项对象中设置zIndex,低于第二组标记的zIndex,但无济于事。知道如何解决这个问题吗? 最佳答案 这是可以做到的,但是在您到达那里之前这是一条非常崎岖的路...正如Rick所说,问题是MarkerClusterer添加了一个自己的OverlayView,其群集图标作为常规标记位于较高的Pane中。在聚类上方添加标记的唯一方法是用自己的武器击败聚类者并添加自己的OverlayView并将标记图标标记添加到更高的Pane(阅读有关Pa

javascript - Mapbox-GL setStyle 移除图层

我正在使用Mapbox-GL构建map网络应用程序。它有很多很酷的功能。我已经按照Mapboxwebsite上的示例设置了切换basemap(即卫星、地形等)的按钮。.我遇到的问题是,当我更改样式时,它会删除作为图层加载的多边形并重新加载map。我根据用户查询从Mongo数据库加载多边形作为图层。我希望能够更改basemap并保留这些图层。有没有办法在不重新加载map或至少不删除图层的情况下更改样式?这是我的切换器代码,它与示例相同,但我为自定义样式添加了一个条件:varlayerList=document.getElementById('menu');varinputs=layerL