zoukankan      html  css  js  c++  java
  • 地图易-默认标记使用手册

       <!--引入需要的js和css-->
        <link rel="stylesheet" href="http://www.dituyi.com.cn/wmap/wmap.css">
        <script src="http://www.dituyi.com.cn/wmap/wmap.js"></script>
        <script src="http://www.dituyi.com.cn/wmap/config.js"></script>
    
    

    <script>
    var tileServiceUrl = "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}";

    
    

    //创建地图对象
    var map = W.map("mapDiv");
    //创建一个底图,并添加到map中
    var baseLayer = W.tileLayer(tileServiceUrl).addTo(map);
    //设置地图显示的中心点和级别
    map.setView([39.908719, 116.390879], 9);

    
    

    //创建一个marker,并添加到地图上
    var marker = W.marker([39.894987, 116.322556]).bindTooltip('提示信息').addTo(map);
    //并在marker上绑定一个气泡并打开
    // marker.bindPopup("气泡内容").openPopup();
    marker.openTooltip();
    var tooltip = W.tooltip({offset:new W.Point(0,-8),direction:'top',permanent:true});
    tooltip.setContent("提示信息22");
    var marker1 = W.marker([39.994987, 116.522556]).bindTooltip(tooltip).addTo(map);
    //并在marker上绑定一个气泡并打开
    // marker.bindPopup("气泡内容").openPopup();
    marker1.openTooltip();
    </script>

     

     地图易文档:http://www.dituyi.com.cn/docs/js-api/wmap-api/Tooltip.html

  • 相关阅读:
    web component的理解
    cdn
    const 命令
    let 的含义,及let 与 var 的区别
    选择器
    Qt5:Qt中一些函数功能介绍
    给软件工程师自学的建议
    Qt5:渐变效果的实现
    Wayland软件库 :替代 X Window 的软件库
    Qt5:窗口各类位置
  • 原文地址:https://www.cnblogs.com/Lolita-Q/p/15209940.html
Copyright © 2011-2022 走看看