Показать твиты на картах Google

Question

Я получил 5 твитов с twitter4j (Java api для twitter), и теперь я хочу отображать их на карте Google.

Карта Google имеет javascript api.

Любая идея, как я могу отобразить их на карте Google. эти данные могут быть отправлены непосредственно на карты Google и отображать их на карте google.

Один из моих результатов выглядит, как показано ниже.

ОБНОВЛЕНИЕ ДЛЯ ЗАПРОСА: Партия

Расположение: нулевой

Профиль Расположение: Париж, Франция

USERNAME1: SusanClay20

Сообщение: Заглядывая Бронирование Рождественская вечеринка? Посмотрите, как мы можем помочь :)

Я хочу на самом деле отобразить изображение профиля на карте, но мне было интересно, как это будет возможно.

Нужно ли хранить их там, где кулак, а затем отображать на картах Google? Я действительно пуст об этом, и любой комментарий будет оценен.

Благодаря

Br

Answer 1

В Google Maps, вы можете использовать информационные окна, которые будут отображаться на определенных маркеров. Некоторые примеры кода из Google developer's page:

var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
var mapOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

var contentString = '<div id="content">'+ 
    '<div id="siteNotice">'+ 
    '</div>'+ 
    '<h2 id="firstHeading" class="firstHeading">Uluru</h2>'+ 
    '<div id="bodyContent">'+ 
    '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' + 
    'sandstone rock formation in the southern part of the '+ 
    'Northern Territory, central Australia. It lies 335 km (208 mi) '+ 
    'south west of the nearest large town, Alice Springs; 450 km '+ 
    '(280 mi) by road. Kata Tjuta and Uluru are the two major '+ 
    'features of the Uluru - Kata Tjuta National Park. Uluru is '+ 
    'sacred to the Pitjantjatjara and Yankunytjatjara, the '+ 
    'Aboriginal people of the area. It has many springs, waterholes, '+ 
    'rock caves and ancient paintings. Uluru is listed as a World '+ 
    'Heritage Site.</p>'+ 
    '<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+ 
    'http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>'+ 
    '</div>'+ 
    '</div>'; 

var infowindow = new google.maps.InfoWindow({ 
    content: contentString 
}); 

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title:"Uluru (Ayers Rock)" 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map,marker); 
}); 

Если это то, что вы получаете через скажем, AJAX опрос, то вы бы превратить это в функцию, которая вызывается с информацией о местоположении, и изменить contentString быть HTML представление о том, как вы хотите отобразить твит. Тот же принцип может произойти, если вы не проводите опрос и просто хотите сделать это при загрузке страницы. Вместо этого у вас будет функция, а затем используйте бэкэнд-систему, чтобы распечатать вызовы javascript функции с данными, которые будут заполнены.