Passar valores de um .php para um .js

Pessoal, boa tarde.

tenho uma situação aqui onde estou quebrando a cabeça para resolver.

tenho um arquivo js que precisa pegar dados que vem do banco(mysql).

não entendo praticamente nada de javascript, então, pensei em pegar um arquivo php fazer a consulta no banco, armazenar os resultados em variaveis. Feito isso ir no meu arquivo.js e imprimir o resultado do arquivo.php lá no js....é possível?

essa é a pagina que faço a consulta:

<?php
include '../conexao.php';
$sql = "select * from tb_localizacao;";
$resultado = mysql_query($sql);
$dados = mysql_fetch_array($resultado);

$latitude = $dados['latitude'];
$altitude = $dados['altitude'];
$endereco = $dados['endereco'];
?>

aqui é meu arquio javascript:

os dados precisam ser colocados na linha 2

**var myLatLng = new google.maps.LatLng(dadosDoBancoAqui1,dadosDoBancoAqui2**);

function initialize() {
var myLatLng = new google.maps.LatLng(-8.067270,-34.881859);
var roadAtlasStyles = [ { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "color": "#3c3e47" } ] },{ "elementType": "labels.text.fill", "stylers": [ { "color": "#FFFFFF" } ] },{ "elementType": "labels.text.stroke", "stylers": [ { "visibility": "off" } ] },{ "featureType": "road", "elementType": "geometry.fill", "stylers": [ { "color": "#50525f" } ] },{ "featureType": "road", "elementType": "geometry.stroke", "stylers": [ { "visibility": "on" }, { "color": "#808080" } ] },{ "featureType": "poi", "elementType": "labels", "stylers": [ { "visibility": "off" } ] },{ "featureType": "transit", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#808080" } ] },{ "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#3071a7" }, { "saturation": -65 } ] },{ "featureType": "road", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] },{ "featureType": "landscape", "elementType": "geometry.stroke", "stylers": [ { "color": "#bbbbbb" } ] } ];

var mapOptions = {
 zoom: 14,
 center: myLatLng,
	disableDefaultUI: true,
	scrollwheel: false,
 navigationControl: false,
 mapTypeControl: false,
 scaleControl: false,
 draggable: false,
 mapTypeControlOptions: {
 mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'roadatlas']
 }
 };

 var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

 var marker = new google.maps.Marker({
 position: myLatLng,
 map: map,
 icon: 'img/location-icon.png',
 title: '',
 });

 var contentString = '<div style="max-width: 300px" id="content">'+
 '<div id="bodyContent">'+
 '<h5 class="color-primary"><strong>Concórdia Eletrícidade</strong></h5>' +
 '<p style="font-size: 12px"><strong>Rua da Concórdia, 393 - São José, Recife - PE, 50020-050, Brasil<br/>Fone: 81 3224-2817</strong>' +
 '</div>'+
 '</div>';

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

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

 var styledMapOptions = {
 name: 'US Road Atlas'
 };

 var usRoadMapType = new google.maps.StyledMapType(
 roadAtlasStyles, styledMapOptions);

 map.mapTypes.set('roadatlas', usRoadMapType);
 map.setMapTypeId('roadatlas');
}

google.maps.event.addDomListener(window, "load", initialize);

Acho que fui claro, alguém poderia, por favor, me ajudar? Obrigado!