那些遇到过的问题

标签: infowindow

如何在iOS谷歌地图中显示信息窗口而无需点击标记？

我是iOS开发的新手.这是关于Google Maps iOS SDK中的标记信息窗口.

据我所知,我们可以使用GMSMarkerOption创建一个带信息窗口的标记.

GMSMarkerOption *myLocationOption = [GMSMarkerOption alloc];
myLocationOption .title = @"My Location";
myLocationOption .snippet = @"Lat:...., Lang:....";

[mapView addMarkerOption:myLocationOption];
Run Code Online (Sandbox Code Playgroud)

根据上面的代码,Marker按预期显示在Map View中.点击标记会在Google地图中显示"我的位置"信息窗口,这很好.

无论如何我们可以在用户进入自定义地图屏幕时以编程方式显示信息窗口吗？

google-maps infowindow ios google-maps-sdk-ios

alb*_*eee
2013 04-05
27
推荐指数
3
解决办法
4万
查看次数

在Google Maps API InfoWindow中向元素添加事件

我想在Google Maps API(v3)InfoWindow中添加一个带有输入字段和提交按钮的表单.

提交时,我想调用一个函数,使用输入到输入字段中的地址启动指向服务.

这是我的代码(我目前只测试方向事件是否被触发.我已经编写完整的getDirections()事件并且可以确认它有效并在正确触发时返回指示):

我尝试使用MooTools添加一个事件监听器,如下所示:

var infoWindowContent   = "<b>Get Directions From...</b><br />"
                        + "<form id='map-form'>"
                        + "Address/Postcode: <input id='map-from-address' type='text' />"
                        + "<input type='submit' id='map-go' value='Go' />"
                        + "</form>";

var infoWindow = new google.maps.InfoWindow({
    content: infoWindowContent
});

google.maps.event.addListener(marker, 'click', function() {
    infoWindow.open(map, marker);
    dbug.log($("map-form"));
    $("map-form").addEvent("submit", getDirections);
});

function getDirections(event)
{
    dbug.log("getDirections");
    event.stop();
}
Run Code Online (Sandbox Code Playgroud)

当我在我的网站的其他地方使用MooTools时,我将所有代码放入其中 window.addEvent('load', function(){...});

请注意dbug.log($("map-form"));正确输出表单元素的控制台跟踪,但事件未触发.

我在DOM中将相同的事件添加到另一个表单(具有不同的ID)并且它工作正常.

那么,如果MooTools可以找到该元素并据说添加事件监听器,那么阻止事件触发的是什么？这是范围问题吗？

javascript mootools infowindow google-maps-api-3 mootools-events

tim*_*ohn
2011 06-17
22
推荐指数
1
解决办法
2万
查看次数

在Google Maps V2中创建自定义信息窗口

我正在尝试创建一个看起来像这样的自定义窗口(对于地图对象).

用户资料

但是,我想放置一个图像,而不是项目跟随者和追随者,但我无法弄清楚如何制作一个,任何参考？提前致谢.

android infowindow google-maps-android-api-2

cra*_*xel
2014 02-06
20
推荐指数
2
解决办法
5万
查看次数

openlayers简单鼠标悬停在标记上

这听起来很简单,但我找不到任何新手教程:有人能给我一个简单的例子我如何在OpenLayers中创建(vektor)标记,在mouseover上打开infowindow甚至在mouseout上关闭它？

我发现了部分解释但不是全部......

mouseover openlayers infowindow marker

use*_*875
2012 09-20
19
推荐指数
3
解决办法
4万
查看次数

谷歌地图v3将信息窗口添加到圆圈

有没有办法将infoWindow添加到由google.maps.Circle创建的圈子中

这样的事情

var circ = new google.maps.Circle({
            center:latlng,
            clickable:false,
            fillColor:colors[count],
            fillOpacity:0.3, 
            map:map,
            radius:radius,
            strokeColor:colors[count],
            strokeOpacity:0.3});
Run Code Online (Sandbox Code Playgroud)

和

//create info window
var infoWindow= new google.maps.InfoWindow({
    content: "Your info here"
    });

//add a click event to the circle
google.maps.event.addListener(circ, 'click', function(){
//call  the infoWindow
infoWindow.open(map, circ);
});
Run Code Online (Sandbox Code Playgroud)

或者有没有办法在圆圈的中心创建一个不可见的标记,可以点击它来访问infoWindow

infowindow google-maps-api-3

trs*_*trs
2011 07-06
18
推荐指数
1
解决办法
2万
查看次数

如何在google map api中创建多个infowindow

我在地图中创建了3个标记,其数据来自json.但是当我点击一个标记并尝试打开信息窗口时,只有最后一个标记会正确响应..请帮助我....这个代码....

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js" type="text/javascript"></script>
</head>
<body>
    <script>
        var json = [
            {
                "title": "Stockholm",
                "lat": 59.3,
                "lng": 18.1,
                "description": "Stockholm is the capital and the largest city of Sweden and constitutes the most populated urban area in Scandinavia with a population of 2.1 million in the metropolitan area (2010)"
            },
            {
                "title": "Oslo",
                "lat": 59.9,
                "lng": 10.8,
                "description": "Oslo is a municipality, and the capital and most populous …
Run Code Online (Sandbox Code Playgroud)

javascript infowindow google-maps-api-3 google-maps-markers

作者
lucky-day
18
推荐指数
1
解决办法
2万
查看次数

Android Google Map v2 - 点击标记infoWindow时启动活动

我看到人们在这项具体任务中遇到了很多困难,我也需要帮助.

我已使用Google提供的默认代码在地图上成功创建了标记.但现在我希望能够点击"InfoWindow"打开一个新活动,这样我就可以添加更多信息.

有谁知道最好的方法吗？

如果您能回答这个问题,请提供一些代码或示例. 任何帮助将非常感激!

android google-maps infowindow google-maps-markers android-activity

use*_*908
2015 11-28
18
推荐指数
1
解决办法
3万
查看次数

将网址中的图片添加到自定义InfoWindow谷歌地图v2中

我正在使用Android应用程序.用户在谷歌地图上搜索餐馆.在谷歌地图显示所有邻居的餐厅标记.如果他点击标记,它会显示自定义InfoWindow.我的问题是我无法加载返回谷歌的图像.我正确的图像的网址,但我不能在窗口显示它.

信息窗口

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@color/bg_color" >

<ImageView
        android:id="@+id/place_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"" />

<TextView
    android:id="@+id/place_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<TextView
    android:id="@+id/place_vicinity"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@color/bg_color" >

    <RatingBar
         android:id="@+id/place_rating"
         style="?android:attr/ratingBarStyleSmall"
         android:numStars="5"
         android:rating="0"
         android:isIndicator="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dip" />

    <ImageView
        android:id="@+id/navigate_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:src="@drawable/navigate" />

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

在创造我有这个

mGoogleMap.setInfoWindowAdapter(new InfoWindowAdapter() {

            // Use default InfoWindow frame
            @Override
            public View getInfoWindow(Marker arg0) {
                return null;
            }

            // Defines the contents of the InfoWindow
            @Override
            public View …
Run Code Online (Sandbox Code Playgroud)

android google-maps infowindow google-maps-api-2 loadimage

Mix*_*lis
2017 09-11
18
推荐指数
3
解决办法
2万
查看次数

Google地图不显示缩放控件

我正在使用gmaps.js插件http://hpneo.github.com/gmaps/

滑动缩放控件和InfoWindow在显示时不会显示并出现问题.链接:http://bakasura.in/startupsradar/index.html

在此输入图像描述

// JavaScript Document
$(document).ready(function () {
    var map = new GMaps({
        div: '#map',
        lat: 13.00487,
        lng: 77.576729,
        zoom: 13,
    });

    GMaps.geolocate({
        success: function (position) {
            map.setCenter(position.coords.latitude, position.coords.longitude);
        },
        error: function (error) {
            alert('Geolocation failed: ' + error.message);
        },
        not_supported: function () {
            alert("Your browser does not support geolocation");
        },
        always: function () {
            //alert("Done!");
        }
    });

    map.addControl({
        position: 'top_right',
        text: 'Geolocate',
        style: {
            margin: '5px',
            padding: '1px 6px',
            border: 'solid 1px #717B87',
            background: '#fff' …
Run Code Online (Sandbox Code Playgroud)

google-maps zoom infowindow google-maps-api-3

Har*_*M V
2013 12-30
17
推荐指数
1
解决办法
7122
查看次数

获取Google Maps v3以调整InfoWindow的高度

当我单击标记并显示InfoWindow时,如果内容的长度超过InfoWindow默认高度(90px),则不会调整高度.

  • 我使用纯文字,没有图像.
  • 我试过maxWidth.
  • 我检查了继承的CSS.
  • 我已经将我的内容包装在一个div中并将我的CSS应用到包含高度的CSS中.
  • 我甚至尝试使用InfoWindow上的domready事件强制InfoWindow使用jQuery调整大小.

我只剩下几根头发.这是我的JS:

var geocoder;
var map;
var marker;

function initialize() {
  geocoder   = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(41.8801,-87.6272); 
  var myOptions = {
    zoom: 13,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

function codeAddress(infotext,address) {
  geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      var image  = '/path-to/mapMarker.png';
      var infowindow = new google.maps.InfoWindow({ content: infotext, maxWidth: 200 });
      var marker = new google.maps.Marker({
        map: map, …
Run Code Online (Sandbox Code Playgroud)

infowindow google-maps-api-3

EdL*_*ner
2011 07-07
16
推荐指数
2
解决办法
2万
查看次数

标签 统计

infowindow ×10

google-maps-api-3 ×5

google-maps ×4

android ×3

google-maps-markers ×2

javascript ×2

android-activity ×1

google-maps-android-api-2 ×1

google-maps-api-2 ×1

google-maps-sdk-ios ×1

ios ×1

loadimage ×1

marker ×1

mootools ×1

mootools-events ×1

mouseover ×1

openlayers ×1

zoom ×1