jsapi也有提供高亮的实现接口，但这里没用，而用的是一种改变图形（graphic）样式的思路

本文实现效果是：地图有多个面图形，当鼠标移动到面的上方，面高亮显示，鼠标移出后高亮解除

初始化
$(document).ready(function() {$('pre code').each(function(i, block) { hljs.highlightBlock( block); }

jsapi有提供popup功能，但缺点很多，例如地图上只能同时显示一个popup，popup内容有限制等

本文提供另一个方法，原理不用jsapi，在地图外用一个普通的div放在地图上面，再监听地图的鼠标移动等时间控制这div跟着地图联动

本文代码可能存在跟框架的css等绑定，不一定能直接运行，在此只提供实现思路

本文代码用到vue的绑定




初始化，写入popup的

初始化，每个map执行一次

PS：画点也差不多，都是用SketchViewModel，因此本demo没有专门写画点的
drawPolygonInit: function () {
//画几何对象初始化

//新建一个图形图层用于存放画图过程中的图形
let layer = new this.apiInstan

初始化，每个map执行一次就行
drawPolylineInit: function () {
//画几何对象初始化

//新建一个图形图层用于存放画图过程中的图形
let layer = new this.apiInstance.GraphicsLayer({
//空间参考，一

symbol: function () {
//线样式
//样式详情请看官方文档
let style = {
//线颜色，支持多种格式：
//CSS color string：例如"dodgerblue";

点
point: function () {
//通过wkt生成点
//wkt，代表点的坐标
let wkt = "POINT(113.566806 22.22445)";

//wkt转点几何对象
// * @param apiInstanc

PS：用代码画点这样写是为了跟后面的用鼠标画点线面区分出来

画点
drawPointGraphic: function () {
//点有多种样式：一般的点，显示文字，显示图片

//一般的点
let wkt = "POINT(113.566806 22.22445)";

  //图层相关demo
layerFun: function () {
//获取地图的所有图层（不包括的图层类型：底图图层（basemaps））
let layers = this.map.layers;
//获取地图的所有图层（包括所有图层类型）
let alllaye

地图相关
//地图相关demo
mapFun: function () {
//获取地图中心点
let center = this.mapView.center;
//地图中心点坐标（同地图坐标系）
let x = center.x;
let y

开发环境：

arcgis jsapi版本4.9

由于我们这套代码是基于vue，webpack开发的，会有少数vue代码，但总体不影响

里面还有些我们公司的js库和html css，给出的代码不能百分百直接运行，主要还是接口的总体介绍




代码中常见且不知来源的变量说明：

this.map和this.mapView：就是地图的map和mapView

this.apiInstance：这