google地图api之折线叠加层（三）

╰半夏微凉° 2024-02-19 20:34 51阅读 0赞

<html>
    <head>
    <script
    src="//maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false">
    </script>
    
    <script>
    var x=new google.maps.LatLng(52.395715,4.888916);
    var stavanger=new google.maps.LatLng(58.983991,5.734863);
    var amsterdam=new google.maps.LatLng(52.395715,4.888916);
    var london=new google.maps.LatLng(51.508742,-0.120850);
    
    function initialize()
    {
    var mapProp = {
      center:x,
      zoom:4,
      mapTypeId:google.maps.MapTypeId.ROADMAP
      };
      
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
    
    var myTrip=[stavanger,amsterdam,london];
    var flightPath=new google.maps.Polyline({
      path:myTrip,
      strokeColor:"#0000FF",
      strokeOpacity:0.8,
      strokeWeight:2
      });
    
    flightPath.setMap(map);
    }
    
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    </head>
    
    <body>
    <div id="googleMap" style="width:500px;height:380px;"></div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，51人围观）

还没有评论，来说两句吧...

相关阅读

相关 leaflet: 地图上叠加日夜区域（126）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第126个 [点击查看专栏目录][Link 1]

r囧r小猫/ 2024年03月24日 06:12/ 0 赞/ 181 阅读

相关 google地图api之简单轨迹（四）

<!DOCTYPE html> <html> <head runat="server"> <title>google地图轨迹<

分手后的思念是犯贱/ 2024年02月19日 20:34/ 0 赞/ 107 阅读

相关 google地图api之折线叠加层（三）

<html> <head> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyD

╰半夏微凉°/ 2024年02月19日 20:34/ 0 赞/ 52 阅读

相关 google 地图api开发循环多叠加层标记实例（二）

代码如下： <!DOCTYPE html> <html> <head> <script type="text/javascript" src=

朴灿烈づ我的快乐病毒、/ 2024年02月19日 20:34/ 0 赞/ 78 阅读

相关 supermap mapboxgl多个图层叠加 xyz图片结尾的方式不支持地图叠加

注意点： 1.使用 xyz结尾的方式不支持地图叠加var baseUrl = host + '/iserver/services/map-china400/rest/maps

青旅半醒/ 2023年10月07日 10:32/ 0 赞/ 66 阅读

相关 ArcGIS REST API 实现服务端地图图层叠加和地图图片导出

1、服务准备（1）ArcGIS Desktop 10.5 路径下自带的影像文件 wsiearth.tif，影像文件存放路径： E:\\Program Files

ゝ一纸荒年。/ 2022年11月19日 04:23/ 0 赞/ 378 阅读

相关 android 地图拼接,Android：地图叠加层标签

我正在构建MapView,并且希望我的自定义叠加项在用户点击它们时显示它们标记的位置的名称,例如Android Maps应用. 我设置了onTap侦听器和浮动TextView

朱雀/ 2022年10月17日 11:21/ 0 赞/ 91 阅读

相关 Google Map Api 谷歌地图接口整理

[Google Map Api 谷歌地图接口整理][Google Map Api] 分类： [ C\][C] 2011-04-10 16:38 305人阅读 [评论][

╰半橙微兮°/ 2022年06月16日 10:51/ 0 赞/ 858 阅读

相关 Html5 之 Google地图

<!DOCTYPE html> <html> <body> <p id="demo">显示地图</p> <button οnclick=

秒速五厘米/ 2022年03月17日 10:48/ 0 赞/ 610 阅读

相关 google地图怎么用

谷歌地图是Google公司提供的电子地图服务，包括局部详细的卫星照片。此款服务可以提供含有全球城市政区和交通以及商业信息的矢量地图、不同分辨率的卫星照片和可以用来显示地形...

朱雀/ 2021年01月27日 15:00/ 0 赞/ 1144 阅读