Google Maps API появляется только один значок маркера

Я пытаюсь разместить на карте два маркера. Но по какой-то причине только один из них - значок красного маркера. Проверено на нескольких компьютерах, необходимо отметить, что я запускаю сервер WAMP.Google Maps API появляется только один значок маркера

Карта выглядит как должна, но только «Маркер2» имеет значок красного маркера.

Вот мой код:

<!DOCTYPE html> 
<html> 
<head> 
<title>Customer map</title> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
<meta charset="utf-8"> 
<META HTTP-EQUIV="Refresh" CONTENT="420"> 
<style type="text/css"> 
    html, body, #map-canvas { 
    height: 100%; 
    margin: 0px; 
    padding: 0px 
    } 

    .labels { 
color: orange; 
background-color: black; 
font-family: "Lucida Grande", "Arial", sans-serif; 
font-size: 10px; 
font-weight: bold; 
text-align: center; 
width: 100px;  
border: 2px solid black; 
white-space: nowrap;} 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="https://jquery-xml2json-plugin.googlecode.com/svn/trunk/jquery.xml2json.js" type="text/javascript" language="javascript"></script> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0.1/src/markerwithlabel.js"></script> 
<script> 
var map = null; 

function geocodeAddress(lat, lon, image, custname) { 

var myLatlng = new google.maps.LatLng(lat,lon); 
var marker = new MarkerWithLabel({ 
    position: myLatlng, 
    map: map, 
    icon: image, 
    labelContent: custname, 
    labelAnchor: new google.maps.Point(22, 0), 
    labelClass: "labels", // the CSS class for the label 
    labelStyle: {opacity: 0.75} 
}); 

} 

function initialize() { 
     var chicago = new google.maps.LatLng(0,0); 
     var mapOptions = { 
        zoom: 2, 
        center: chicago, 
        mapTypeId: google.maps.MapTypeId.HYBRID 
} 

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    geocodeAddress (49.0240107,8.7582988,'http://maps.google.com/mapfiles/ms/micons/red-dot.png',"Marker1"); 
    geocodeAddress (30.267153,8.7582988,'http://maps.google.com/mapfiles/ms/micons/red-dot.png',"Marker2"); 
} 
    google.maps.event.addDomListener(window, 'load', initialize); 


    </script> 
</head> 
    <body> 
    <div id="map-canvas"></div> 
    </body>

источник

2014-03-10 David The Faiz

Почему вы используете геокодеру, если у вас уже есть координаты? – geocodezip

@geocodezip: он не использовал геокодер, это всего лишь вводящее в заблуждение имя-функции –

Да, извините, что забыл изменить имя. –

Это должно быть ошибка (я в настоящее время не могу вам сказать, где).

На данный момент я бы предложил использовать релиз-версию вместо экспериментальной API-версии (оба маркера будут нарисованы в то время):

https://maps.googleapis.com/maps/api/js?v=3&sensor=false

источник

2014-03-10 20:10:46

Сделал трюк, большое спасибо !!! –

Google Maps API появляется только один значок маркера

ответ

Смежные вопросы