2

Карта отображается, а маркер - нет. В чем ошибка?

Функция находится в <body>:

<div id="map_canvas">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(53.885175, 27.454120);
            var settings = {
                zoom: 16,
                center: latlng,
                mapTypeControl: true,
                mapTypeControlOptions: {
                    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                },
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.SMALL
                },
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
        }
        var companyPos = new google.maps.LatLng(53.885175, 27.454120);
        var companyMarker = new google.maps.Marker({
            position: companyPos,
            map: map,
            //title:"Merc",         
        });
    </script>
</div>
9
  • Когда вызывается функция initialize? Это первый момент. Второй момент: переменная map объявлена внутри функции initialize - вне функции (в map: map,) она попросту не существует.
    – Regent
    9 июл 2015 в 9:46
  • <body onload="initialize()">
    – razMki
    9 июл 2015 в 9:49
  • 'function initialize() { var latlng = new google.maps.LatLng(53.885175, 27.454120); var settings = { zoom: 16, center: latlng, mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), settings); } var map = new google.maps.Map(document.getElementById("map_canvas"), settings);'
    – razMki
    9 июл 2015 в 9:50
  • И зачем же создавать новую карту вне функции? Почему бы просто не перенести var companyPos = ... }); и т.д. внутрь функции?
    – Regent
    9 июл 2015 в 9:52
  • 1
    @Илья Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 9 июл 2015 в 10:14

1 ответ 1

2

Проблема в том, что переменная map не существует внутри кода:

var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
});

По той причине, что map - локальная переменная внутри функции initialize.

Имеет смысл смысл весь код размести внутри функции initialize:

function initialize() {
    var latlng = new google.maps.LatLng(53.885175, 27.454120);
    var settings = {
        zoom: 16,
        center: latlng,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL
        },
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
    var companyPos = new google.maps.LatLng(53.885175, 27.454120);
    var companyMarker = new google.maps.Marker({
        position: companyPos,
        map: map,       
    });
}

Полный пример в fiddle.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.