sql >> データベース >  >> RDS >> Mysql

XMLファイルからGoogleMapAPIへのマーカーの読み込み

    1. loadXMLFile()を呼び出していません
    2. jqueryライブラリを含めていません
    3. google.maps.Markersを作成していません(代わりにnokia APIの構文を使用しているようです)。

      <!DOCTYPE html>
      <html>
      <head>
      <title>Simple Map</title>
      <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
      <meta charset="utf-8">
      <style>
      
        html, body, #map-canvas
        {
          height: 100%;
          margin: 0px;
          padding: 0px
        }
      </style>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
      <script>
      
      var map = null;
      function initialize()
      {
      
         var mapOptions =
             {
                  zoom: 12,
                  center:new google.maps.LatLng(53.3478, -6.2597)//center over dublin
             };
      
         map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
         loadXMLFile();
       }
      
       function loadXMLFile(){
          var filename = 'v3_SO_20140124_markers.xml';
          $.ajax({
                  type: "GET",
                  url: filename ,
                  dataType: "xml",
                  success: parseXML,
                  error : onXMLLoadFailed
          });
      
        function onXMLLoadFailed(){
          alert("An Error has occurred.");
        }
      
        function parseXML(xml){
          var bounds = new google.maps.LatLngBounds();
           $(xml).find("marker").each(function(){
                  //Read the name, address, latitude and longitude for each Marker
                  var nme = $(this).find('name').text();
                  var address = $(this).find('address').text();
                  var lat = $(this).find('lat').text();
                  var lng = $(this).find('lng').text();
                  var markerCoords = new google.maps.LatLng(parseFloat(lat), 
                                                            parseFloat(lng));
                  bounds.extend(markerCoords);
                  var marker = new google.maps.Marker({position: markerCoords, map:map});
              });
              map.fitBounds(bounds);
          }
      }
      google.maps.event.addDomListener(window, 'load', initialize);
      </script>
      

    実例




    1. postgresqlで月と年ごとにクエリ結果をグループ化します

    2. mySQLのSQLServer関数SCOPE_IDENTITY()に相当しますか?

    3. SQLステートメントでパラメーターを使用することを常に好むのはなぜですか?

    4. グループ化前のMySQLの注文