Форум

User-Agent · #1 (**permalink**) 01.04.2013, 22:03

Решил выставить на хостинг 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;

User-Agent · #2 (**permalink**) 01.04.2013, 22:06

Выкладываю на всякий случай исходник index.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8-a38V3PIfjz0yqV9P8_oL78L0FwcZUA&sensor=true">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/div>
 <script>
window.onload = faction(){
  var map = new Map();
  map.init("map")
  //map.setMyPosition(9);
  map.showAllPosition();
};
</script>
  </body>
</html>

если надо будет, могу выложить ссылку на сайт. Карта работает но нету доступа к геолокации и не отображет ни один маркер на карте.

Форум

Справочник

Discord чат

Курсы javascript