2015-04-01 63 views
0

在我的HTML页面,而不是使用:定制谷歌地图

function initialize() { 
    var mapCanvas = document.getElementById('map-canvas'); 
    var mapOptions = { 
     center: new google.maps.LatLng(51.489021, -0.1164075), 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     styles: styles 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions) 
} 

我想使用一个自定义地图我创建。

https://www.google.com/maps/d/edit?mid=zd34x9vOEi3A.kNJZAfpCCD80

但我不希望将地图嵌入到我的网页,我想要做的HTML页面的样式。这可能吗?

+0

你问你是否可以拍摄地图的静态快照,显示它,并设计它?如果是这样,当然答案是肯定的,最简单的情况就是截图并使用图片编辑器将其作为PNG或JPG格式。如果您希望显示MyMap,并允许最终用户操作地图(缩放,平移),则必须使用Google MyMaps提供的嵌入代码将地图嵌入到HTML中。 – cybermike 2015-04-01 21:57:22

回答

1

那么,根据您要在页面上执行的自定义类型,您可以在页面中包含Google Maps JavaScript API 3。这将允许您从添加自定义标记,添加图像到计算和绘制方向的各种自定义。甚至还有一些有用的例子,所以我认为将自定义Google地图添加到您的html是一个很好的开始。

+0

我希望有其他人控制地图,所以我认为使用MyMaps对他们来说是最简单的。但看起来这对我来说是最简单的,并给他们他们想要的定制。 – cheezheadsrule 2015-04-02 14:35:18