在谷歌地图中导入myMaps数据

时间:2015-09-09 16:26:42

标签: google-maps google-maps-api-3

我正在开发一个处理行程的Web /移动应用程序,以便为现有的地图应用程序提供附加价值。 我想知道是否有办法从谷歌的myMaps导入数据(点A,B,C等......以及路线......或者只是最低点)。如果是这样,怎么样?

1 个答案:

答案 0 :(得分:0)

一种选择是从Google myMaps导出KML(作为网络链接或直接导出),然后使用Google Maps Javascript API v3 KmlLayer

显示

proof of concept fiddle

代码段



var map;

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

  var kmlLayer = new google.maps.KmlLayer({
    url: "http://www.google.com/maps/d/kml?forcekml=1&mid=zNPjLbo835mE.k3TvWfqGG-AU",
    map: map
  });
  google.maps.event.addListener(kmlLayer, 'status_changed', function() {
    document.getElementById('status').innerHTML = kmlLayer.getStatus();
  });
}
google.maps.event.addDomListener(window, "load", initialize);

function showLocation(locate) {

  for (var i = 0; i < parseInt(locate.length); i++) {
    var address = locate[i];
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({
      address: address
    }, addAddressToMap);
  }
}

var disp_title = '.$array1.';
var gj = 0;

function addAddressToMap(response) {
  place = response.Placemark[0];
  point = new google.maps.LatLng(place.Point.coordinates[1],
    place.Point.coordinates[0]);
  map.setCenter(point, 7);
  var marker1 = createMarker(point, disp_title[gj], response.name);
  map.addOverlay(marker1);
  gj++;
}

function createMarker(point) {
  var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: name
  });

  google.maps.event.addListener(marker, "click", function() {
    infoWindow.setContent(html);
    infoWindow.open(html + "<br />Location: " + place_name);
  });


}
&#13;
html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
&#13;
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="status"></div>
<div id="map_canvas" style="border: 2px solid #3872ac;"></div>
&#13;
&#13;
&#13;