Показать сообщение отдельно
  #1 (permalink)  
Старый 01.04.2013, 22:03
Аватар для User-Agent
Новичок на форуме
Отправить личное сообщение для User-Agent Посмотреть профиль Найти все сообщения от User-Agent
 
Регистрация: 22.02.2013
Сообщений: 4

Подключение к геолокации.
Решил выставить на хостинг HTML5 Geolocation, написал javascrip, создал 4 разных файла с исходниками, index.html insert.php javascript.js
сайт выводит только отображение карты,без маркеров и даже без запроса на разрешение о местонахождение. Я так понимаю, где-то есть ошибка в javascript коде в файле javascript.js, API key инициализировал правильно.

function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
}

this.showAllPosition = function(){
  var pos;
  $.ajax({
    url: 'select.php',
    success:function(msg){
    pos = JSON.parse(msg);
var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP}
      this.map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
      for(var i=0;i<pos.length;i++){
      var marker2 = new google.maps.Marker({
        position: new google.maps.LatLng(pos[i].lat,post[i].lng),
        map: this.map,
        title: pos[i].date

  });

this.setMyPosition = function(zoom){
  if (navigator.geolocation){
    navigator.geolocation.getCurrentPosition(showPosition);{
      var lat = position.coords.latitude;
      var lat = position.coords.longitude;
      $.ajax({
        type: 'POST',
        url: 'insert.php',
        data: ({lat:lat,lng:lng)},
        success:function(msg){

      }
    });

      var mapOptions = {
        center: new google.maps.LatLng(lat,lng),
        zoom: zoom,
        mapTypeId: google.maps.MapTypeId.ROADMAP}
      this.map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lng),
        map: this.map,
        title: "Your Position!"

  });
  else
  {
  alert("Пожалуйста используйте стандартный браузер телефона, этот не поддерживается и не сможет корректно отображать страницу.");}

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyB8-a38V3PIfjz0yqV9P8_oL78L0FwcZUA&sensor=true&callback=initialize";
  document.body.appendChild(script);
}

window.onload = loadScript;
Ответить с цитированием