2015-06-17 6 views
-1

У меня на моем сайте была gmap api, которая просто перестала показывать карту. Я не знаю, что произошло, и я не создал код, который был создан предыдущим разработчиком. Должно быть решение для этого, пожалуйста, помогите. Я предоставляю код функции, созданный предыдущим разработчиком.Изменить google maps api v2 to v3

//XXXX: openInfoWindowHtml 
 
/*--------------------------------------------------*/ 
 
/* \t GOOGLE MAP FUNCTIONS 
 
/*--------------------------------------------------*/ 
 

 
var map, agentMarkers, reoMarkers, officeMarker, currentMarker, bounds, agentIcon, reoIcon, officeIcon; 
 
var infoWindow = new google.maps.InfoWindow(); 
 

 
function initAgentMap(lat, lng) { 
 
\t lat = isNaN(lat) || lat === null ? 37.4419 : lat; 
 
\t lng = isNaN(lng) || lat === null ? -122.1419 : lng; 
 
\t map = new google.maps.Map(document.getElementById("gmap"), { 
 
     center : new google.maps.LatLng(lat, lng), 
 
     zoom: 13, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
     zoomControlOptions : { 
 
\t   style : google.maps.ZoomControlStyle.SMALL 
 
\t  } 
 
\t }); 
 
\t agentMarkers = []; 
 
\t reoMarkers = []; 
 
\t currentMarker = null; 
 
\t bounds = new google.maps.LatLngBounds(); 
 

 
\t var baseIcon = { 
 
\t  size : new google.maps.Size(29,25), 
 
\t  anchor : new google.maps.Point(15,25), 
 
\t  imageMap : [0, 0, 22, 0, 22, 25, 0, 25] 
 
\t }; 
 

 
\t agentIcon = { 
 
\t  size : baseIcon.size, 
 
\t  anchor : baseIcon.anchor, 
 
\t  imageMap : baseIcon.imageMap, 
 
\t  url : "/images/icon_redbook.png" 
 
    }; 
 

 
\t reoIcon = { 
 
\t  size : baseIcon.size, 
 
\t  anchor : baseIcon.anchor, 
 
\t  imageMap : baseIcon.imageMap, 
 
\t  url : "/images/icon_reo.png" 
 
\t }; 
 

 
\t officeIcon = { 
 
     size : baseIcon.size, 
 
     anchor : baseIcon.anchor, 
 
     imageMap : baseIcon.imageMap, 
 
     url : "/images/icon_office.png" 
 
\t }; 
 
} 
 

 
function plotAgent(lat, long, text, id) { 
 
\t var point = new google.maps.LatLng(lat, long); 
 
\t var marker = new google.maps.Marker({ 
 
\t  position : point, 
 
\t  icon : agentIcon, 
 
\t  anchorPoint : new google.maps.Point(12,0), 
 
\t  map : map 
 
\t }); 
 
\t google.maps.event.addListener(marker, "click", function() { 
 
\t \t infoWindow.setContent(text); 
 
\t \t infoWindow.open(map, marker); 
 
\t }); 
 
\t agentMarkers[id] = marker; 
 
\t bounds.extend(point); 
 
\t return marker; 
 
} 
 

 
function plotREO(lat, long, text, id) { 
 
\t var point = new google.maps.LatLng(lat, long); 
 
\t var marker = new google.maps.Marker({ 
 
\t  position : point, 
 
\t  icon : reoIcon, 
 
\t  anchorPoint : new google.maps.Point(12,0), 
 
\t  map : map 
 
\t }); 
 
\t google.maps.event.addListener(marker, "click", function() { 
 
\t \t infoWindow.setContent(text); 
 
\t \t infoWindow.open(map, marker); 
 
\t }); 
 
\t reoMarkers[id] = marker; 
 
\t bounds.extend(point); 
 
\t return marker; 
 
} 
 

 
function plotOffice(lat, long, text) { 
 
\t var point = new google.maps.LatLng(lat, long); 
 
\t var marker = new google.maps.Marker({ 
 
\t  position : point, 
 
\t  icon : officeIcon, 
 
\t  anchorPoint : new google.maps.Point(12,0), 
 
\t  map : map 
 
\t }); 
 
\t google.maps.event.addListener(marker, "click", function() { 
 
\t \t infoWindow.setContent(text); 
 
\t \t infoWindow.open(map, marker); 
 
\t }); 
 
\t officeMarker = marker; 
 
\t bounds.extend(point); 
 
\t return marker; 
 
} 
 

 
function showAgent(id) { 
 
\t if(currentMarker != id){ 
 
\t \t currentMarker = id; 
 
\t \t google.maps.event.trigger(agentMarkers[id], "click"); 
 
\t \t map.setZoom(11); 
 
\t \t pnt = agentMarkers[id].getPosition(); 
 
\t \t pnt2 = new google.maps.LatLng(pnt.lat() + .02 , pnt.lng()); 
 
\t \t map.setCenter(pnt2); 
 
\t } 
 

 
} 
 

 
function showREO(id) { 
 
\t if(currentMarker != id){ 
 
\t \t currentMarker = id; 
 
\t \t google.maps.event.trigger(reoMarkers[id], "click"); 
 
\t \t map.setZoom(11); 
 
\t \t pnt = reoMarkers[id].getPosition(); 
 
\t \t pnt2 = new google.maps.LatLng(pnt.lat() + .02 , pnt.lng()); 
 
\t \t map.setCenter(pnt2); 
 
\t } 
 
} 
 

 
function showOffice() { 
 
\t if(currentMarker != 'office'){ 
 
\t \t currentMarker = 'office'; 
 
\t \t google.maps.event.trigger(officeMarker, "click"); 
 
\t \t map.setZoom(11); 
 
\t \t pnt = officeMarker.getPosition(); 
 
\t \t pnt2 = new google.maps.LatLng(pnt.lat() + .02 , pnt.lng()); 
 
\t \t map.setCenter(pnt2); 
 
\t } 
 
}

Я имел GMAP апи работает на моем сайте, который только прекратить показ карты. Я не знаю, что произошло, и я не создал код, который был создан предыдущим разработчиком. Должно быть решение для этого, пожалуйста, помогите. Я предоставляю код функции, созданный предыдущим разработчиком.

+0

ваш фрагмент кода не запускается –

+0

GMarker.openInfoWindowHtml - это [API Google Javascript API v2] (http://stackoverflow.com/questions/tagged/google-maps-api-2), который не является поддерживается в v3. API Google Javacript API v2 был изменен и отключен 19 мая 2010 года, заменен на обертку для v3, он не должен использоваться для нового кода. Тем не менее, это не используется в вашем коде. Пожалуйста, исправьте заголовок вопроса, чтобы отразить вашу актуальную проблему. – geocodezip

+0

Хорошо, не могли бы вы предоставить мне, как должен выглядеть код. Спасибо!! – jharper

ответ

0

API-интерфейс v2 Maps был устарел в 2010 году и был окончательно отключен в ноябре 2013 года. Вы будете need to migrate - v3 API-интерфейсов JS Maps. К сожалению, это не совсем простой процесс.

+0

Хорошо, не могли бы вы предоставить мне ссылку на то, как сделать эту миграцию? Мне просто нужно знать, что изменилось и как я могу обновить свой API карт V2. – jharper

+0

В приведенном выше ответе я связан с [руководством по миграции] (https://developers.google.com/maps/articles/v2tov3). – Yaniv

+0

Я пробовал переносить код с V2 на V3, и я не уверен, что мне не хватает. Может ли кто-нибудь показать, что я делаю неправильно? – jharper