API карт Google: V2: пользовательское информационное окно с bindInfoWindowHtml - PullRequest
Новая
       9

API карт Google: V2: пользовательское информационное окно с bindInfoWindowHtml

2 голосов
/ 30 марта 2010

Вчера вечером документация по API дала мне надежду на "bindInfoWindowHtml".
Но, похоже, он не заменяет информационное окно по умолчанию, даже если вы предоставляете свой собственный класс и т. Д.

Я пытался использовать другие идеи, такие как маркированный маркер . Но он не поддерживает перетаскиваемые маркеры. Следовательно, не могу использовать его в моем приложении.

Вот пример кода, который показывает информацию. окно внутри, оригинальный пузырь. Разве нет способа переопределить это окно!

`

<style type="text/css">
    .infoWindowCustomClass
    {
        width: 500px;
        height: 500px;
        background-color: #CAEE96;
        color: #666;
    }
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key="" type="text/javascript"></script>
<script type="text/javascript">

function load() {
  if (GBrowserIsCompatible())
  {
        // Create our "tiny" marker icon
        var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";

        // Set up our GMarkerOptions object
        markerOptions = { icon:blueIcon };

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(33.968064,-83.377047), 13);

        markerOptions.title = "fart";
        var point = new GLatLng(33.968064,-83.377047);
        var marker = new GMarker(point);
        var tempName = document.getElementById("infoWindowCustom");
        marker.bindInfoWindowHtml(tempName);
        map.addOverlay(marker);
    }
}

</script>`

А вот и DIV -

<DIV id="infoWindowCustom" name="infoWindowCustom" class="infoWindowCustomClass"><br> Name : <TEXTAREA NAME="nameID" ID="nameID" ROWS="2" COLS="25"></TEXTAREA><br> Comments : <TEXTAREA NAME="commentsID" ID="commentsID" ROWS="4" COLS="25"></TEXTAREA><br> </DIV>

1 Ответ

1 голос
/ 24 сентября 2010

Решил, как показано ниже -

Вместо привязки, как указано выше, я беру lang / lats и запускаю div в этом месте.
Это, кажется, работает просто отлично.

...