Серая встроенная карта Google - PullRequest
1 голос
/ 07 марта 2012

Я пытаюсь использовать пример, найденный в: пример , и я могу получить основную карту, показывающую, но маленькая серая, я имею в виду, нет карты. Что не так с моим кодом?

Таблицы стилей @section только из ASPNET MVC 3, но это не имеет значения, их можно вводить просто как HTML.

Спасибо заранее. Гильермо.

@section Stylesheets
{
<style type="text/css">

#minimap {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 160px;
 height:150px;
 z-index: 100;
 visibility:visible;
 border-top: 4px double #bbb;
 border-left: 4px double #bbb;
}


#closebutton {
 position: absolute;
 right: 0;
 bottom: 0;
 background: url('http://maps.gstatic.com/mapfiles/mapcontrols3d7.png') no-repeat;
 background-position: -40px -386px;
 width: 19px;
 height: 19px;
 z-index: 110;
 cursor: pointer;
}

#closebutton.closed {
 background-position: -40px -405px;
}

</style>
}
@section Scripts
{
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
    <!--For the tabs in the infoWindow-->
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
}
<script type="text/javascript">

    function init(sv_visible) {
        var g = google.maps;
        var map, pano, mini;
        var mapDiv = document.getElementById('map_canvas');

        var center = new g.LatLng(37.422, -122.084);

        var optionsMainMap = {
            zoom: 13,
            center: center,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
            },
            panControl: true,
            scaleControl: true,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.LARGE
            }
        };

        map = new g.Map(mapDiv, optionsMainMap);

        var optionsMiniMap = {
            zoom: 14,
            mapTypeId: google.maps.MapTypeId.SATELLITE,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
            },
            panControl: true,
            scaleControl: true,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL
            }
        };

        var miniMapDiv = document.createElement("div");
        miniMapDiv.id = "minimap";
        miniMapDiv.style.visibility = "visible";

        mini = new g.Map(miniMapDiv, optionsMiniMap);
        mapDiv.appendChild(miniMapDiv);
    }

    window.onload = function () { init(true); };

</script>
<div id="map_canvas" style="width: 1870px; height: 804px;">
</div>
<div style="position: absolute; top: 10px; left: 680px; width: 210px">
</div>

1 Ответ

1 голос
/ 07 марта 2012

Проблема заключалась в том, что на встроенной карте не был определен центр, когда я его определил, карта появилась. С уважением. Гильермо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...